动态添加行，删除行

    自我做个笔记
<form name="form1" id="form1" action="" method="post">
    <input type="hidden" name="errorPage" value="/workflow/workflowauthorize/workflowAuthorizeQuery" />
    <input type="hidden" id="id" name="id" />
    <input type="hidden" id="coluuid" name="coluuid" />
    <input type="hidden" id="status" name="status" />
    <input type="hidden" id="agencyid" name="agencyid" />
    <input type="hidden" id="flag" name="flag" />
        <input type="hidden" name="systemType" id="systemType" value="<%=systemType%>" />

    <input type="hidden" name="isOpen" id="isOpen" value="<%=isOpen%>" />

    <input type="hidden" name="authorizationDimension" id="authorizationDimension">
    <input type="hidden" name="dimension" id="dimension">
    <input type="hidden" name="splitStr" id="splitStr" value="${splitStr}">
    <input type="hidden" name="splitStrSize" id="splitStrSize" value="${splitStrSize}">

    <table id ="picTable" class="iaf-table-form">
    <COLGROUP>
        <COL  width="10%">
        <COL  width="30%">
    </COLGROUP>
      <tbody>
        <tr>
            <td class="title">流程业务：</td>
            <td class="td03">
                <f:dic
                    id="businessname"
                    form="form1"
                    function="WorkFlowBusiness.getBusinessCode"
                    linkName="businessname"
                    required="true"
                    params="BUSINESSNAME:$('#businessname').val(),SYSTEMTYPE:$('#systemType').val()"
                    title="流程业务">
                        <f:columns>
                            <f:column field="businesscode" title="业务编号" formel="businesscode"/>
                            <f:column field="businessname" title="业务名称" />
                        </f:columns>
                </f:dic>               
                <input  type="hidden" id="businesscode" name="businesscode" />   
            </td>
        </tr>
        
        <tr>
            <td class="title">被授权人：</td>
            <td class="td03">
                <f:dic
                    id="authorizedpersonname"
                    form="form1"
                    function="workflow.workflowauthorize.magnifierSysUser4DataGrid"
                    linkName="username"
                    required="true"
                    params="agencyid:$('#agencyid').val(),username:$('#authorizedpersonname').val(),isopen:$('#isOpen').val()"
                    title="用户">
                        <f:columns>
                            <f:column field="loginname" title="用户登录名称" />
                            <f:column field="username" title="用户姓名" />
                            <f:column field="agencyname" title="用户所属公司" />
                            <f:column field="id" hidden="true" formel="authorizedperson"/>
                        </f:columns>
                </f:dic>            </td>
        </tr>
        <tr>
            <td class="title">授权开始日期：</td>
            <td class="td03">
                <f:calendar id="starttime" />
            </td>
        </tr>
        <tr>
            <td class="title">授权结束日期：</td>
            <td class="td03">
                <f:calendar id="endtime"/>
            </td>
        </tr>
    <!-- zx 添加页面-->
    <c:if test="${empty splitStr}">
         <tr id="trId1">
            <td class="td03">
                <!-- 下拉框 -->
                <f:select2  id="dimensionIde1"  name="dimensionIde1" value="amount" function="GlobalVariable.getValueKey"  idField="key" textField="value"  onChange="ondimensionIdeChange">
              </f:select2>
            </td>
            <td class="td03" style="position:relative;">
        <!-- 拼接页面 -->
            <div id="amount1" style="display:block">
                <f:select2  id="numOperator1"  name="numOperator1" value=">"  json="[{key:'>',value:'>'},{key:'<',value:'<'},{key:'=',value:'='},{key:'>=',value:'>='},{key:'<=',value:'<='}]">
                  </f:select2>
                <f:text id="numerical1" name="numerical1" value=""  width="200"></f:text>
            </div>
            <div id="agency1" style="display:none">
            <f:dic
                id="participantnameForJob1"
                form="form1"
                function="ParticipantRule.magnifierByJob"
                linkName="name"
                params="LOANJOBMAGNIFIER:$('#participantname').val(),AGENCYID:$('#agencyId').val()"
                title="机构岗名称">
                    <f:columns>
                        <f:column field="id" hidden="true" formel="participantJobId1" />
                        <f:column field="name"  title="机构岗名称"  width="400"/>
                    </f:columns>
            </f:dic>
        </div>
        <div id="account1" style="display:none">
            <f:dic
                id="participantnameForAccount1"
                form="form1"
                function="ParticipantRule.magnifierByparticipantname"
                linkName="username"
                params="PARTICIPANTNAME:$('#participantname').val(),AGENCYID:$('#agencyId').val()"                    
                title="参与者">
                    <f:columns>
                        <f:column field="userno" title="用户编号" formel="userno1"/>
                        <f:column field="username" title="用户名称" />
                    </f:columns>
            </f:dic>
            <input  type="hidden" id="userno1" name="userno1" />   
        </div>
               <!-- 拼接页面 end-->
            </td>
            <td class="td03">
                       <f:select2  id="connector1"  name="connector1" value="&&" json="[{key:'&&',value:'and'},{key:'||',value:'or'}]">
                    </f:select2>
               </td>
               <td>
                       <f:button id="btnAddLine1">添加行</f:button>
<%--                  <a href="#" οnclick="addTrIntm();" ><img title="点击添加行" src="<tl:basePath/>WEB-FACE/css/images/btnproedit_more.png"></a> --%>
             </td>
         </tr>
         </c:if>
    <!-- zx end-->
<!--     zx 修改显示 -->
     <c:if test="${param.op=='edit'}">
    <c:if test="${!empty splitStr}">
    <c:forEach items="${splitStr}" var="splitStr" varStatus="xh">
         <tr id="trId${xh.count}">
            <td class="td03">
                <!-- 下拉框 -->
              <div id="dimensionIde${xh.count}_select2_div" class="iaf-input iaf-select2" ><div class="iaf-input-container" >
              <input class='iaf-input-text' type="text" id="dimensionIde${xh.count}" name="dimensionIde${xh.count}" style="width:100%; " value="${splitStr.dimensionIde}">
              </div></div>
            </td>
            <td class="td03" style="position:relative;">
        <!-- 拼接页面 -->
        <c:if test="${splitStr.dimensionIde=='amount'}">
            <div id="amount${xh.count}" style="display:block">
                <f:select2  id="numOperator${xh.count}"  name="numOperator${xh.count}" value="${splitStr.numOperator}"  json="[{key:'>',value:'>'},{key:'<',value:'<'},{key:'=',value:'='},{key:'>=',value:'>='},{key:'<=',value:'<='}]">
                  </f:select2>
                <f:text id="numerical${xh.count}" name="numerical${xh.count}" value="${splitStr.numerical}"  width="200"></f:text>
            </div>
            
            <div id="agency${xh.count}" style="display:none">
                <div class="iaf-input iaf-dic" style="width:100%; " >
                <div class="iaf-input-container iaf-input-container-suffix" >
                 <input class="iaf-input-text easyui-validatebox" id="participantnameForJob${xh.count}" name="participantnameForJob${xh.count}" data-options="validType:['specialCharacter','dicData[\'participantnameForJob${xh.count}\',\'participantnameForJob${xh.count}_validate_\']'] ,required:false "  />
                 </div><label id="participantnameForJob${xh.count}_img" class='iaf-input-suffix'>
                 <i class="icon-search"></i></label>
                 <input type='hidden' id='participantJobId${xh.count}' name='participantJobId${xh.count}' value='' />
                 <input type='hidden' id='participantnameForJob${xh.count}_validate_' name='participantnameForJob${xh.count}_validate_' value='' /></div>
            </div>
            <div id="account${xh.count}" style="display:none">
                 <div class="iaf-input iaf-dic" style="width:100%; " >
                 <div class="iaf-input-container iaf-input-container-suffix" >
                 <input class="iaf-input-text easyui-validatebox" id="participantnameForAccount${xh.count}" name="participantnameForAccount${xh.count}" data-options="validType:['specialCharacter','dicData[\'participantnameForAccount${xh.count}\',\'participantnameForAccount${xh.count}_validate_\']'] ,required:false "  /></div>
                 <label id="participantnameForAccount${xh.count}_img" class='iaf-input-suffix'><i class="icon-search"></i></label>
                 <input type='hidden' id='participantnameForAccount${xh.count}_validate_' name='participantnameForAccount${xh.count}_validate_' value='' /></div>
                 <input  type="hidden" id="userno${xh.count}" name="userno${xh.count}" />   
                  
             </div>
            
        </c:if>    
        <c:if test="${splitStr.dimensionIde=='agency'}">
            <div id="amount${xh.count}" style="display:none">
                <f:select2  id="numOperator${xh.count}"  name="numOperator${xh.count}" value=">"  json="[{key:'>',value:'>'},{key:'<',value:'<'},{key:'=',value:'='},{key:'>=',value:'>='},{key:'<=',value:'<='}]">
                  </f:select2>
                <f:text id="numerical${xh.count}" name="numerical${xh.count}" value=""  width="200"></f:text>
            </div>
            <div id="agency${xh.count}" style="display:block">
                <div class="iaf-input iaf-dic" style="width:100%; " >
                <div class="iaf-input-container iaf-input-container-suffix" >
                 <input class="iaf-input-text easyui-validatebox" id="participantnameForJob${xh.count}" name="participantnameForJob${xh.count}" value='${splitStr.participantName}' data-options="validType:['specialCharacter','dicData[\'participantnameForJob${xh.count}\',\'participantnameForJob${xh.count}_validate_\']'] ,required:false "  />
                 </div><label id="participantnameForJob${xh.count}_img" class='iaf-input-suffix'>
                 <i class="icon-search"></i></label>
                 <input type='hidden' id='participantJobId${xh.count}' name='participantJobId${xh.count}' value='${splitStr.participantId}' />
                 <input type='hidden' id='participantnameForJob${xh.count}_validate_' name='participantnameForJob${xh.count}_validate_' value='' /></div>
            </div>
            <div id="account${xh.count}" style="display:none">
                 <div class="iaf-input iaf-dic" style="width:100%; " >
                 <div class="iaf-input-container iaf-input-container-suffix" >
                 <input class="iaf-input-text easyui-validatebox" id="participantnameForAccount${xh.count}" name="participantnameForAccount${xh.count}" data-options="validType:['specialCharacter','dicData[\'participantnameForAccount${xh.count}\',\'participantnameForAccount${xh.count}_validate_\']'] ,required:false "  /></div>
                 <label id="participantnameForAccount${xh.count}_img" class='iaf-input-suffix'><i class="icon-search"></i></label>
                 <input type='hidden' id='participantnameForAccount${xh.count}_validate_' name='participantnameForAccount${xh.count}_validate_' value='' /></div>
                 <input  type="hidden" id="userno${xh.count}" name="userno${xh.count}" />  
             </div>
        </c:if>
        <c:if test="${splitStr.dimensionIde=='account'}">
        <div id="amount${xh.count}" style="display:none">
                <f:select2  id="numOperator${xh.count}"  name="numOperator${xh.count}" value=">"  json="[{key:'>',value:'>'},{key:'<',value:'<'},{key:'=',value:'='},{key:'>=',value:'>='},{key:'<=',value:'<='}]">
                  </f:select2>
                <f:text id="numerical${xh.count}" name="numerical${xh.count}" value="${splitStr.numerical}"  width="200"></f:text>
            </div>
            <div id="agency${xh.count}" style="display:none">
                <div class="iaf-input iaf-dic" style="width:100%; " >
                <div class="iaf-input-container iaf-input-container-suffix" >
                 <input class="iaf-input-text easyui-validatebox" id="participantnameForJob${xh.count}" name="participantnameForJob${xh.count}" value='' data-options="validType:['specialCharacter','dicData[\'participantnameForJob${xh.count}\',\'participantnameForJob${xh.count}_validate_\']'] ,required:false "  />
                 </div><label id="participantnameForJob${xh.count}_img" class='iaf-input-suffix'>
                 <i class="icon-search"></i></label>
                 <input type='hidden' id='participantJobId${xh.count}' name='participantJobId${xh.count}' value='' />
                 <input type='hidden' id='participantnameForJob${xh.count}_validate_' name='participantnameForJob${xh.count}_validate_' value='' /></div>
            </div>
            <div id="account${xh.count}" style="display:block">
                 <div class="iaf-input iaf-dic" style="width:100%; " >
                 <div class="iaf-input-container iaf-input-container-suffix" >
                 <input class="iaf-input-text easyui-validatebox" id="participantnameForAccount${xh.count}" name="participantnameForAccount${xh.count}" value='${splitStr.participantName}' data-options="validType:['specialCharacter','dicData[\'participantnameForAccount${xh.count}\',\'participantnameForAccount${xh.count}_validate_\']'] ,required:false "  /></div>
                 <label id="participantnameForAccount${xh.count}_img" class='iaf-input-suffix'><i class="icon-search"></i></label>
                 <input type='hidden' id='participantnameForAccount${xh.count}_validate_' name='participantnameForAccount${xh.count}_validate_' value='' /></div>
                 <input  type="hidden" id="userno${xh.count}" name="userno${xh.count}" value='${splitStr.participantId}'/>  
             </div>
        </c:if>
               <!-- 拼接页面 end-->
            </td>
            <td class="td03">
                   <f:select2  id="connector${xh.count}"  name="connector${xh.count}" value="${splitStr.connector}" json="[{key:'&&',value:'and'},{key:'||',value:'or'}]">
              </f:select2>
               </td>
               <td>
               <c:if test="${xh.count==1}">
                       <f:button id="btnAddLine1">添加行</f:button>
               </c:if>
               <c:if test="${xh.count!=1}">
                       <button type="button" id="btnDelLine" class="button" οnclick="delectTrIntm(trId${xh.count})">删除行</button>
               </c:if>
             </td>
         </tr>
         </c:forEach>
         </c:if>
         </c:if>
    <!-- zx end-->
        </tbody>
    </table>
</form>
</f:box>
<script type="text/javascript">

// var json1=[{id:'amount',text:'金额'},{id:'agency',text:'机构'},{id:'account',text:'账户'}];
var json2=[{id:'>',text:'>'},{id:'<',text:'<'},{id:'=',text:'='},{id:'>=',text:'>='},{id:'<=',text:'<='}];
var json3=[{id:'&&',text:'and'},{id:'||',text:'or'}];

$(document).ready(function() {
    $("#btnAddLine1").click(function(){  //点击添加行
        addTrIntm();
    });
    var _href = "${systemctx}/workflow/workflowauthorize/workflowAuthorizeQuery.jsp";
    
    $("#agencyid").val('<%=wfUserContext.getAgencyID()%>');
    
    if('${param.op}'=='edit'){
        var splitStrSize = $("#splitStrSize").val();
        //给放大镜添加点击事件
        for(var i=1;i<=splitStrSize;i++){
            //给下拉框添加样式，以及事件
            var dimensionIde__opt={};
            dimensionIde__opt.id='dimensionIde'+i;
            dimensionIde__opt.s2_opt={id:'key' ,data:{text:'value'} ,formatResult:function(item){return item.value;} ,formatSelection:function(item){return item.value;} ,dropdownAutoWidth:true ,onChange:ondimensionIdeChange };
            dimensionIde__opt.url='/iaf-workflow/IAF_TAGLIB_TEMP/Select.tag?SQLFunction=GlobalVariable.getValueKey&infiniteScroll=false';
            dimensionIde__opt.idField='key';
            dimensionIde__opt.textField='value';
            dimensionIde__opt.placeholder='';
            dimensionIde__opt.blankOption=false;
            dimensionIde__opt.onLoadParam=undefined;
            dimensionIde__opt.value=$("#dimensionIde"+i).val();
            loadSelect2Data(dimensionIde__opt);
            $("#dimensionIde"+i).on("change", ondimensionIdeChange);
            
            //放大镜的事件
            $('#participantnameForJob'+i).magnifier({
                     formid:"form1",    
                      url: '/iaf-workflow/IAF_TAGLIB_TEMP/Magnifier.tag',
                      title:"机构岗名称",   
                      linkName:"name",   
                      required:false,   
                      validateID:"participantnameForJob"+i+"_validate_",   
                      columns:[[ {  field:"id", width:"150", sortable:"true", align:"center", hidden:"true", formel:"participantJobId"+i+"",editable:"true" },  {  field:"name", title:"机构岗名称", width:"400", sortable:"true", align:"center" }]],
                     onBeforeOpen:function(p){
                         return {SQLFunction:'ParticipantRule.magnifierByJob',DataDepict:'id##1,name##1',LOANJOBMAGNIFIER:$('#participantname').val(),AGENCYID:$('#agencyId').val()};
                     },
                     onClose:function(p){}
                     });
                 $("#participantnameForJob"+i).validatebox();
            $('#participantnameForAccount'+i).magnifier({
                     formid:"form1",    
                      url: '/iaf-workflow/IAF_TAGLIB_TEMP/Magnifier.tag',
                      title:"参与者",   
                      linkName:"username",   
                      required:false,   
                      validateID:"participantnameForAccount"+i+"_validate_",   
                      columns:[[ {  field:"userno", title:"用户编号", width:"150", sortable:"true", align:"center", formel:"userno"+i+"",editable:"true" },  {  field:"username", title:"用户名称", width:"150", sortable:"true", align:"center" }]],
                     onBeforeOpen:function(p){
                         return {SQLFunction:'ParticipantRule.magnifierByparticipantname',DataDepict:'userno##1,username##1',PARTICIPANTNAME:$('#participantname').val(),AGENCYID:$('#agencyId').val()};
                     },
                     onClose:function(p){}
                     });
                $("#participantnameForAccount"+i).validatebox();

        }
        //给放大镜添加值
        
        $("#authorizedpersonname").val('${authorizedperson}');
        $("#authorizedperson").val('${data.authorizedperson}');
        $("#businesscode").val('${data.businesscode}');
        $("#businessname").val('${data.businessname}');
        
        $("#starttime").val('${data.starttime}'.split(' ')[0]);
        $("#endtime").val('${data.endtime}'.split(' ')[0]);
        
        $("#id").val('${data.id}');
        $("#coluuid").val('${data.coluuid}');
        $("#status").val('${data.status}');
        $("#flag").val('${data.flag}');
        if('${data.flag}'=='<%=WorkFlowConstant.WorkflowAuthorizeFlag.VALID%>'){
            $("#butEnable,#butDel").hide();
        }else{
            $("#butDisable").hide();
        }
    }else{
        $("#butEnable,#butDisable,#butDel").hide();
    }
    
    //用户放大镜
//     $("#authorizedpersonname").magnifier({
//         url:'${systemctx}/workflowauthorize/magnifierSysUser4DataGrid.json',
//         columns:[[
//             //{title:'用户编号',field:'userno',sortable:true,width:120},
//             //{title:'用户名称',field:'username',sortable:true,width:120},
//             {title:'用户登录名称',field:'loginname',sortable:true,width:120},
//             {title:'用户姓名',field:'username',sortable:true,width:120},
//             {title:'用户所属公司',field:'agencyname',sortable:true,width:250},
//             {field:'id',hidden:true,formel:'authorizedperson'}
//         ]],
//         sortName:'',
//         sortOrder:'asc',
//         formid:'form1',
//         linkName:'username',
//         onBeforeOpen:function(p){
//              var queryParams = {
//                      agencyid:$("#agencyid").val(),
//                      username:$("#authorizedpersonname").val()
//              };
//              return queryParams;
//          }
//     });
    
    //保存事件
    $("#butSave").click(function(){
        getDimensionStr(); //调拼接字符串方法
        getJsonStr();       //获取json串

        iaf.confirm("确定保存?",function(){
            //正在执行...
            iaf.showLoading();
            $.ajax({
                type: 'POST',
                url: '${systemctx}/workflowauthorize/save.json',
                data: $('#form1').serializeObject(),
                dataType: 'json',
                success: function (data) {
                    //关闭执行...
                    iaf.closeLoading();
                    //显示AJAX请求后的提示信息
                    iaf.alert(data);
                    if(data.messagetype == 1){
                        window.location.href = _href;
                    }
                }
            });
        });
    });
    
    $("#butDel").click(function(){
        iaf.confirm("确定删除?",function(){
            //正在执行...
            iaf.showLoading();
            $.ajax({
                type: 'POST',
                url: '${systemctx}/workflowauthorize/del.json',
                data: {id:$("#id").val(),coluuid:$("#coluuid").val()},
                dataType: 'json',
                success: function (data) {
                    //关闭执行...
                    iaf.closeLoading();
                    //显示AJAX请求后的提示信息
                    iaf.alert(data);
                    if(data.messagetype == 1){
                        window.location.href = _href;
                    }
                }
            });
        });
    });
    
    $("#butEnable").click(function(){
        iaf.showLoading();
        $.ajax({
            type: 'POST',
            url: '${systemctx}/workflowauthorize/enable.json',
            data: {id:$("#id").val(),coluuid:$("#coluuid").val()},
            dataType: 'json',
            success: function (data) {
                //关闭执行...
                iaf.closeLoading();
                //显示AJAX请求后的提示信息
                iaf.alert(data);
                if(data.messagetype == 1){
                    window.location.href = _href;
                }
            }
        });
    });
    
    $("#butDisable").click(function(){
        iaf.showLoading();
        $.ajax({
            type: 'POST',
            url: '${systemctx}/workflowauthorize/disable.json',
            data: {id:$("#id").val(),coluuid:$("#coluuid").val()},
            dataType: 'json',
            success: function (data) {
                //关闭执行...
                iaf.closeLoading();
                //显示AJAX请求后的提示信息
                iaf.alert(data);
                if(data.messagetype == 1){
                    window.location.href = _href;
                }
            }
        });
    });
    
    $("#butBack").click(function(){
        window.location.href = _href;
    });
});

/**
 * 下拉框变更事件
 */
 function ondimensionIdeChange(date){
     if(date!=null&&date!=undefined&&date!=""){//当下拉框不为空时
         var sId = date.target.id;
             sId = sId.replace(/[^0-9]/ig,"");  //此处存在一个问题，当条数大于10的时候就出问题了！
        if(date.val=="amount"){ //当值为金额时
            $("#amount"+sId).show();
            $("#agency"+sId).hide();
            $("#account"+sId).hide();
        }else if(date.val=="agency"){
            $("#amount"+sId).hide();
            $("#agency"+sId).show();
            $("#account"+sId).hide();
        }else{
            $("#amount"+sId).hide();
            $("#agency"+sId).hide();
            $("#account"+sId).show();
        };
     };
 }
 /**
 *拼接JSON串
 */
 var index= picTable.rows.length; //获取第多少行
 var num = index - 3;
 
 function getJsonStr(){
        var str = "[";                  //用于拼接字符串
        for(var i = 1;i<num;i++){
            var dimensionIde= $("#dimensionIde"+i).val();
            
            if(dimensionIde=="amount"){ //第一样如果下拉框时金额则获取三个下拉框的值
                str +="{";
                str += "\"dimensionIde\":\""+dimensionIde+"\",";                 //拼下拉框的key
                str += "\"numOperator\":\""+$('#numOperator'+i).val()+"\","; //拼下拉框运算符
                str += "\"numerical\":\""+$("#numerical"+i).val()+"\",";//拼文本框的值
                if(i!=(num-1)){
                    str += "\"connector\":\""+$("#connector"+i).val()+"\"},";        //拼接连接符
                }else{
                    str += "\"connector\":\""+$("#connector"+i).val()+"\"}";            //拼接连接符
                };
            }else if(dimensionIde=="agency"){ //第一样如果下拉框是 机构  拼机构 ；是账户 拼账户
                str +="{";
                str += "\"dimensionIde\":\""+dimensionIde+"\",";                 //拼下拉框的key
                str += "\"participantName\":\""+$("#participantnameForJob"+i).val()+"\","; //放大镜值
                str += "\"participantId\":\""+$("#participantJobId"+i).val()+"\",";  //放大镜id
                if(i!=(num-1)){
                    str += "\"connector\":\""+$("#connector"+i).val()+"\"},";        //拼接连接符
                }else{
                    str += "\"connector\":\""+$("#connector"+i).val()+"\"}";            //拼接连接符
                };        
            }else if(dimensionIde=="account"){ //第一样如果下拉框是 机构  拼机构 ；是账户 拼账户
                str +="{";
                str += "\"dimensionIde\":\""+dimensionIde+"\",";                 //拼下拉框的key
                str += "\"participantName\":\""+$("#participantnameForAccount"+i).val()+"\","; //拼下拉框的key
                str += "\"participantId\":\""+$("#userno"+i).val()+"\",";  //放大镜id
                if(i!=(num-1)){
                    str += "\"connector\":\""+$("#connector"+i).val()+"\"},";        //拼接连接符
                }else{
                    str += "\"connector\":\""+$("#connector"+i).val()+"\"}";            //拼接连接符
                };        
            };
        }
        str +="]";
        $("#authorizationDimension").val(str);
 }
 /**
  *拼接表达式字符串   getDimensionStr
 */
 function getDimensionStr(){
        var strDimension = "";//用于拼接字符串
        for(var i = 1;i<num;i++){
            var dimensionIde= $("#dimensionIde"+i).val();
            if(dimensionIde=="amount"){ //第一样如果下拉框时金额则获取三个下拉框的值
                strDimension += dimensionIde;  //拼下拉框的key
                strDimension += $('#numOperator'+i).val(); //拼下拉框运算符
                strDimension += $("#numerical"+i).val();         //拼文本框的值
                if(i!=(num-1)){
                    strDimension+=$("#connector"+i).val();        //拼接连接符
                };    
            }else if(dimensionIde=="agency"){ //第一样如果下拉框是 机构  拼机构
                strDimension+=dimensionIde;    //拼下拉框的key
                    strDimension+="\=";    
                    strDimension+=$("#participantJobId"+i).val();    //拼下机构 放大镜的值
                if(i!=(num-1)){
                    strDimension+=$("#connector"+i).val();        //拼接连接符
                };        
            }else if(dimensionIde=="account"){ //第一行如果下拉框是 是账户 拼账户
                strDimension+=dimensionIde;    //拼下拉框的key
                strDimension+="\=";    
                strDimension+=$("#userno"+i).val();    //拼下机构 放大镜的值
                if(i!=(num-1)){
                    strDimension+=$("#connector"+i).val();        //拼接连接符
                };        
            };
        }
        $("#dimension").val(strDimension);
 }
//动态添加行
    
 function addTrIntm(){
    
     var tpl = '<tr id="trId'+num+'">'
         +'<td class="td03">'
         +'<div id="dimensionIde'+num+'_select2_div" class="iaf-input iaf-select2" ><div class="iaf-input-container" ><input class="iaf-input-text" type="text" id="dimensionIde'+num+'" name="dimensionIde'+num+'" style="width:100%; " >'
         +'</div></div>'
         +'</td>'
         +'<td class="td03" style="position:relative;">'
         +'<div id="amount'+num+'" style="display:block">'
         +'    <div id="numOperator'+num+'_select2_div" class="iaf-input iaf-select2" ><div class="iaf-input-container" ><input class="iaf-input-text" type="text" id="numOperator'+num+'" name="numOperator'+num+'" style="width:100%; " >'
         +'     </div></div>'
         +'    <div id="numerical'+num+'_text_div" class="iaf-input iaf-text" style="width:200px; " ><div class="iaf-input-container" ><input type="text" id="numerical'+num+'" name="numerical'+num+'" data-options="validType:["maxChinese[30]","specialCharacter"] " class="iaf-input-text easyui-validatebox validatebox-text"  /></div></div>'
         +'</div>'
         +'<div id="agency'+num+'" style="display:none">'
         +'    <div class="iaf-input iaf-dic" style="width:100%; " >'
         +'    <div class="iaf-input-container iaf-input-container-suffix" >'
         +'    <input class="iaf-input-text easyui-validatebox validatebox-text" id="participantnameForJob'+num+'" name="participantnameForJob'+num+'" data-options="validType:[\'specialCharacter\',\'dicData[\\\'participantnameForJob'+num+'\\\',\\\'participantnameForJob'+num+'_validate_\\\']\'] ,required:false ">'
         +'    </div>'
         +'    <label id="participantnameForJob'+num+'_img" class="iaf-input-suffix">'
         +'    <i class="icon-search"></i></label><input type="hidden" id="participantJobId'+num+'" name="participantJobId'+num+'" value="" />'
         +'    <input type="hidden" id="participantnameForJob'+num+'_validate_" name="participantnameForJob'+num+'_validate_" value="" />'
         +'    </div>'
         +'</div>'
         +'<div id="account'+num+'" style="display:none">'
         +'    <div class="iaf-input iaf-dic" style="width:100%; " > '
         +'    <div class="iaf-input-container iaf-input-container-suffix" > '
         +'    <input class="iaf-input-text easyui-validatebox validatebox-text" id="participantnameForAccount'+num+'" name="participantnameForAccount'+num+'" data-options="validType:[\'specialCharacter\',\'dicData[\\\'participantnameForAccount'+num+'\\\',\\\'participantnameForAccount'+num+'_validate_\\\']\'] ,required:false "> '
         +'    </div> '
         +'    <label id="participantnameForAccount'+num+'_img" class="iaf-input-suffix"> '
         +'    <i class="icon-search"></i></label> '
         +'    <input type="hidden" id="participantnameForAccount'+num+'_validate_" name="participantnameForAccount'+num+'_validate_" value="" /> '
         +'    </div> '
         +'    <input  type="hidden" id="userno'+num+'" name="userno'+num+'" /> '
         +'</div>'
         +'</td>'
         +'<td class="td03">'
         +'    <div id="connector'+num+'_select2_div" class="iaf-input iaf-select2" ><div class="iaf-input-container" ><input class="iaf-input-text" type="text" id="connector'+num+'" name="connector'+num+'" style="width:100%; " >'
         +'  </div></div>'
         +'</td>'
         +'<td>'
         +'    <button type="button" id="btnDelLine" class="button" οnclick="delectTrIntm(trId'+num+')">删除行</button>'
         +'</td>'
         +'</tr> ';
         
         var tr = $(tpl);
         var dimensionIde__opt={};
         dimensionIde__opt.id='dimensionIde'+num;
         dimensionIde__opt.s2_opt={id:'key' ,data:{text:'value'} ,formatResult:function(item){return item.value;} ,formatSelection:function(item){return item.value;} ,dropdownAutoWidth:true ,onChange:ondimensionIdeChange };
         dimensionIde__opt.url='/iaf-workflow/IAF_TAGLIB_TEMP/Select.tag?SQLFunction=GlobalVariable.getValueKey&infiniteScroll=false';
         dimensionIde__opt.idField='key';
         dimensionIde__opt.textField='value';
         dimensionIde__opt.placeholder='';
         dimensionIde__opt.blankOption=false;
         dimensionIde__opt.onLoadParam=undefined;
         dimensionIde__opt.value='amount';
         loadSelect2Data(dimensionIde__opt);         
        $('[name=dimensionIde'+num+']', tr).select2({data:{results:dimensionIde__opt}, dropdownAutoWidth:true,onChange:ondimensionIdeChange});
        $('[name=numOperator'+num+']', tr).select2({data:{results:json2} , dropdownAutoWidth:true});
        $('[name=numOperator'+num+']', tr).select2("val",">"); //添加一个默认值
        $('[name=dimensionIde'+num+']', tr).select2("val","amount");   //添加一个默认值
        $('[name=dimensionIde'+num+']', tr).on("change", ondimensionIdeChange); //添加change事件
        $('[name=numOperator'+num+']', tr).select2({data:{results:json2} , dropdownAutoWidth:true});
        $('[name=numOperator'+num+']', tr).select2("val",">"); //添加一个默认值
    //放大镜    
        $('[name=participantnameForJob'+num+']', tr).magnifier({
             formid:"form1",    
              url: '/iaf-workflow/IAF_TAGLIB_TEMP/Magnifier.tag',
              title:"机构岗名称",   
              linkName:"name",   
              required:false,   
              validateID:"participantnameForJob"+num+"_validate_",   
              columns:[[ {  field:"id", width:"150", sortable:"true", align:"center", hidden:"true", formel:"participantJobId"+num+"",editable:"true" },  {  field:"name", title:"机构岗名称", width:"400", sortable:"true", align:"center" }]],
             onBeforeOpen:function(p){
                 return {SQLFunction:'ParticipantRule.magnifierByJob',DataDepict:'id##1,name##1',LOANJOBMAGNIFIER:$('#participantname').val(),AGENCYID:$('#agencyId').val()};
             },
             onClose:function(p){}
             });
        $('[name=participantnameForAccount'+num+']', tr).magnifier({
             formid:"form1",    
              url: '/iaf-workflow/IAF_TAGLIB_TEMP/Magnifier.tag',
              title:"参与者",   
              linkName:"username",   
              required:false,   
              validateID:"participantnameForAccount"+num+"_validate_",   
              columns:[[ {  field:"userno", title:"用户编号", width:"150", sortable:"true", align:"center", formel:"userno"+num+"",editable:"true" },  {  field:"username", title:"用户名称", width:"150", sortable:"true", align:"center" }]],
             onBeforeOpen:function(p){
                 return {SQLFunction:'ParticipantRule.magnifierByparticipantname',DataDepict:'userno##1,username##1',PARTICIPANTNAME:$('#participantname').val(),AGENCYID:$('#agencyId').val()};
             },
             onClose:function(p){}
             });
        $('[name=connector'+num+']', tr).select2({data:{results:json3}, dropdownAutoWidth:true});
        $('[name=connector'+num+']', tr).select2("val","&&"); //添加一个默认值
        $("#picTable tbody").append(tr);
        $("#participantnameForJob"+num, tr).validatebox();
        $("#participantnameForAccount"+num, tr).validatebox();
        num++;
 };

 //动态删除行
 function delectTrIntm(obj){
     $(obj).remove();
     index--;
 };
 
</script>

<%-- 引入页面尾 --%>
</f:html>