Customize tag lib 2

We also can customize the tag lib using component class, here are the steps:

1. Define the component

package com.stefli.core.component.taglib; import java.io.IOException; import java.io.Writer; import javax.servlet.http.HttpServletRequest; import org.apache.struts2.components.Component; import com.opensymphony.xwork2.util.ValueStack; public class TMSDatagridComponent extends Component { protected HttpServletRequest request; protected String title; protected String url; protected String css; public TMSDatagridComponent(ValueStack stack, HttpServletRequest request) { super(stack); this.request = request; } public void setTitle(String title) { this.title = title; } public void setUrl(String url) { this.url = url; } public void setCss(String css) { this.css = css; } public boolean start(Writer writer) { try { String ctx = request.getContextPath(); StringBuffer script = new StringBuffer(); script.append("<mce:script type=/"text/javascript/"><!-- /n"); script.append(" $(document).ready(function() {/n"); script.append(" $(/"#example/").tmsDataTables(/""); script.append(ctx + url); script.append("/");/n"); script.append(" });/n"); script.append(" // --></mce:script>/n"); StringBuffer html = new StringBuffer(); html.append(script); if (title != null && title.trim().length() > 0) { html.append("<h2>" + title + "</h2><br />/n"); } html.append("<table cellpadding=/"0/" cellspacing=/"0/" border=/"0/" "); if (css != null && css.trim().length() > 0) { html.append("class=/"" + css + "/" "); } html.append("id=/"example/">/n"); html.append("<thead>/n"); html.append("<tr>/n"); html.append("<th><input type=/"checkbox/" name=/"selectAll/" /></th>/n"); html.append("<th>代碼</th>/n"); html.append("<th>承運商名稱</th>/n"); html.append("<th>國家</th>/n"); html.append("<th>省份</th>/n"); html.append("<th>城市</th>/n"); html.append("<th>區/縣</th>/n"); html.append("<th>狀態</th>/n"); html.append("<th>區/縣</th>/n"); html.append("<th>狀態</th>/n"); html.append("</tr>/n"); html.append("</thead>/n"); html.append("</table>/n"); writer.write(html.toString()); } catch (IOException e) { e.printStackTrace(); } return true; } public boolean end(Writer writer) { return true; } @Override public boolean usesBody() { return false; } }  

 

2. Define the tag, here we'll define a datagrid using jQuery plugin, so you should add necessary javascript before using the tag.

package com.stefli.core.component.taglib; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.struts2.components.Component; import org.apache.struts2.views.jsp.ComponentTagSupport; import com.opensymphony.xwork2.util.ValueStack; public class TMSDatagridTag extends ComponentTagSupport { protected String title; protected String url; protected int width; protected String css; public Component getBean(ValueStack stack, HttpServletRequest request, HttpServletResponse response) { return new TMSDatagridComponent(stack, request); } protected void populateParams() { super.populateParams(); TMSDatagridComponent datagridComponent = (TMSDatagridComponent) component; datagridComponent.setTitle(title); datagridComponent.setUrl(url); datagridComponent.setCss(css); } public void setTitle(String title) { this.title = title; } public void setWidth(int width) { this.width = width; } public void setUrl(String url) { this.url = url; } public void setCss(String css) { this.css = css; } }  

 

3. Define the tld, which should be added to "WEB-INF/tld/tms-tags.tld".

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN" "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd"> <taglib> <tlib-version>1.1.0</tlib-version> <jsp-version>1.2</jsp-version> <short-name>t</short-name> <uri>/tms-tags</uri> <display-name>"TMS Tags"</display-name> <description><!--[CDATA[""]]></description> <tag> <name>datagrid</name> <tag-class>com.stefli.core.component.taglib.TMSDatagridTag</tag-class> <body-content>JSP</body-content> <description><![CDATA[Render a datagrid]]></description> <attribute> <name>id</name> <required>false</required> <rtexprvalue>false</rtexprvalue> <description> <![CDATA[id for referencing element]]></description> </attribute> <attribute> <name>title</name> <required>true</required> <rtexprvalue>false</rtexprvalue> <description><![CDATA[ Title ]]></description> </attribute> <attribute> <name>url</name> <required>true</required> <rtexprvalue>false</rtexprvalue> <description><![CDATA[ Url ]]></description> </attribute> <attribute> <name>css</name> <required>false</required> <rtexprvalue>false</rtexprvalue> <description><![CDATA[ Css style ]]--></description> </attribute> </tag> </taglib>  

 

4. Configure the tag in web.xml

<jsp-config> <taglib> <taglib-uri>/WEB-INF/tld/tms-tags.tld</taglib-uri> <taglib-location>/tms</taglib-location> </taglib> </jsp-config> 

 

5. Use the tag lib in jsp

<tms:datagrid url="/carrier/getCarrierList.action" css="display" title="Carrier Management" /> 

 

Ok, you'll see the result.