easyui combotree渲染时避免再次向后台请求数据

html:

<table width="100%">
   <tr style="font-size:14px;color:#555555;border-right:1px solid #bcd6ed;border-left:1px solid #bcd6ed;">
<td class="tr-left" width="20%" style="border-right:1px solid #bcd6ed;"><span class="requried">*</span>审批人设置:</td>
<td class="tr-right" colspan="3" width="80%">
<div id="nodecheck"></div>
</td>
</tr>
</table>

JS代码:

function parseData(nodelist){
    if(nodelist &&  nodelist.length>0){
    var domarr = [];
    for(var i=nodelist.length-1 ;i>=0; i--){
    console.log(nodelist[i]);
    var roleid = nodelist[i].roleid;
    var nodeid = nodelist[i].nodeid;
    var nodename = nodelist[i].nodename;
    var nextnodeid = nodelist[i].nextnodeid
    var rolername = nodelist[i].rolername;
    var STAFFNAME = nodelist[i].STAFFNAME;
    var USERACCOUNT = nodelist[i].USERACCOUNT;
    var html =null;
    if(roleid == '0'){
    html = $('<input type="text" class="easyui-textbox nodePermission" data-nodeid="'+nodeid+'" data-nodename="'+nodename+'" data-nextnodeid="'+nextnodeid+'"data-account="'+USERACCOUNT+'" data-staffname="'+STAFFNAME+'" readonly="readonly" value="'+STAFFNAME+'"/>');
    }else{
    html = $('<input  class="easyui-combotree nodePermission" data-nodeid="'+nodeid+'" data-nodename="'+nodename+'" data-nextnodeid="'+nextnodeid+'" data-roleid="'+roleid+'"   data-options="required:true" name="checkroler"/>');
    var role = $(html).attr('data-roleid');
                    html.combotree({
        editable:false,
        prompt:rolername,
        aligh:'center',
        panelWidth:'auto',
        url:sname+'/FlowVerController/getDeptAndStaffByRoleid?roleid='+role,
        onBeforeSelect:function(node){
                   var rows = node.children;
                   var id = node.id;
                   var domId = node.domId;
                   var num = parseInt(id);
                   var flage = IsNum(num);
                   if((rows == undefined && flage) || (rows != undefined && rows.length>0)){
                    $(node.target).find('.tree-hit').click();
                    html.combotree("unselect");
                   }
               },loadFilter: function (rows) {
              var data = rows.treeNodes;
        return commonConvert(data,'id','name','parentId');
            },onShowPanel:function(){
                $(this).combobox('panel').width("auto");
             }
    })
    domarr.push(html);
    }
    $("#nodecheck").append(html);
    }
    //解析之前先把url清空,避免再次请求后台
    for(var i=0,len=domarr.length;i<len;i++){
    var options = domarr[i].combotree('options');
    options.url = '';
    }

    $.parser.parse($("#nodecheck"));//解析时combotree会向后台发送请求
    }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值