Customize tag lib 2

最新推荐文章于 2023-10-09 18:49:36 发布

原创最新推荐文章于 2023-10-09 18:49:36 发布 · 676 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#string #datagrid #css #url #class #javascript

Java 专栏收录该内容

51 篇文章

订阅专栏

本文介绍如何通过自定义Struts2组件和标签库来创建一个数据表格，该表格使用jQuery插件进行增强，并展示了从定义组件到配置及使用的完整步骤。

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/"></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></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.