自定义js标签库

1、在WEB-INF 下的某个文件夹中新建标签文件xxx.tag，可在新建的文件中写相应的jsp页面

 1 <%@ tag language="java" pageEncoding="UTF-8"%>
 2 <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
 3 <%@ attribute name="id" type="java.lang.String" required="true" description="编号"%>
 4 <%@ attribute name="name" type="java.lang.String" required="true" description="隐藏域名称：processKey"%>
 5 <%@ attribute name="value" type="java.lang.String" required="true" description="隐藏域值：processName"%>
 6 <%@ attribute name="labelName" type="java.lang.String" required="true" description="输入框name"%>
 7 <%@ attribute name="labelValue" type="java.lang.String" required="true" description="输入框值"%>
 8 <%@ attribute name="title" type="java.lang.String" required="true" description="弹出框的title"%>
 9 <%@ attribute name="cssClass" type="java.lang.String" required="true" description="css样式"%>
10 <%@ attribute name="cssStyle" type="java.lang.String" required="false" description="css样式"%>
11 <%@ attribute name="smallBtn" type="java.lang.Boolean" required="false" description="缩小按钮显示"%>
12 <%@ attribute name="hideBtn" type="java.lang.Boolean" required="false" description="是否显示按钮"%>
13 <div class="input-append">
14     <input id="${id}Id" name="${name}" class="${cssClass}" type="hidden" value="${value}"/>
15     <input id="${id}Name" name="${labelName}" readonly="readonly" type="text" value="${labelValue}"
16         class="${cssClass}" style="${cssStyle}"/>
17     <a id="${id}Button" href="javascript:" class="btn ${disabled} ${hideBtn ? 'hide' : ''}" style="${smallBtn?'padding:4px 2px;':'padding:4px 5px;'}">&nbsp;<i class="icon-search"></i>&nbsp;</a>&nbsp;&nbsp;
18 </div>
19 <script type="text/javascript">
20     $("#${id}Button, #${id}Name").click(function(){
21         $.jBox("iframe:${ctx}/rule/rule/select",{
22             title:"<font style='font-weight: normal;font-size:14px;'>${title}</font>",
23             750,
24             height:450,
25             submit:function (v, h, f) {
26                 if (v == "ok") {
27                     var iframeName = h.children(0).attr("name");
28                     var contentTableIds = '';
29                     var contentTableIds = window.frames[iframeName].window.contentTableIds();
30                     var contentTableValues = window.frames[iframeName].window.contentTableValues();
31                     $("#${id}Id").val(contentTableIds);
32                     $("#${id}Name").val(contentTableValues);
33                    //判断是否多选
34                    if(window.frames[iframeName].window.contentTableLength()!=1){
35                        var info = '请选择且只能选择一条流程!';
36                        $.jBox.info(info);
37                    }
38                 }
39     
40             },
41             buttoms:{'关闭':true}
42         });
43     });
44 </script>

2、在需要使用的页面引入这个标签库

1 <%@ taglib prefix="sys" tagdir="/WEB-INF/tags/sys" %>//新建的标签库在sys文件夹中

3、页面使用

1 <sys:xxx name="" value="" cssClass="">