自定义js标签库

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

<%@ tag language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ attribute name="id" type="java.lang.String" required="true" description="编号"%>
<%@ attribute name="name" type="java.lang.String" required="true" description="隐藏域名称：processKey"%>
<%@ attribute name="value" type="java.lang.String" required="true" description="隐藏域值：processName"%>
<%@ attribute name="labelName" type="java.lang.String" required="true" description="输入框name"%>
<%@ attribute name="labelValue" type="java.lang.String" required="true" description="输入框值"%>
<%@ attribute name="title" type="java.lang.String" required="true" description="弹出框的title"%>
<%@ attribute name="cssClass" type="java.lang.String" required="true" description="css样式"%>
<%@ attribute name="cssStyle" type="java.lang.String" required="false" description="css样式"%>
<%@ attribute name="smallBtn" type="java.lang.Boolean" required="false" description="缩小按钮显示"%>
<%@ attribute name="hideBtn" type="java.lang.Boolean" required="false" description="是否显示按钮"%>
<div class="input-append">
    <input id="${id}Id" name="${name}" class="${cssClass}" type="hidden" value="${value}"/>
    <input id="${id}Name" name="${labelName}" readonly="readonly" type="text" value="${labelValue}"
        class="${cssClass}" style="${cssStyle}"/>
    <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;
</div>
<script type="text/javascript">
    $("#${id}Button, #${id}Name").click(function(){
        $.jBox("iframe:${ctx}/rule/rule/select",{
            title:"<font style='font-weight: normal;font-size:14px;'>${title}</font>",
            750,
            height:450,
            submit:function (v, h, f) {
                if (v == "ok") {
                    var iframeName = h.children(0).attr("name");
                    var contentTableIds = '';
                    var contentTableIds = window.frames[iframeName].window.contentTableIds();
                    var contentTableValues = window.frames[iframeName].window.contentTableValues();
                    $("#${id}Id").val(contentTableIds);
                    $("#${id}Name").val(contentTableValues);
                   //判断是否多选
                   if(window.frames[iframeName].window.contentTableLength()!=1){
                       var info = '请选择且只能选择一条流程!';
                       $.jBox.info(info);
                   }
                }
    
            },
            buttoms:{'关闭':true}
        });
    });
</script>

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

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

3、页面使用

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