ztree勾選取得id 把name 放到input顯示

<div style="float: left;" style="width:90%;">
                        <input type="text" name="RECEIPT_USER_NAME" id="RECEIPT_USER_NAME"  value="${listDatas.RECEIPT_USER_NAME}" readonly="readonly" style="width:407px;"/>
                        <a class="btn btn-xs btn-success" style="margin-top:-3px;" οnclick="showOrgUserTree()">選擇</a>
                        <!-- 會議人員USER_ID -->
                        <input type="hidden" name="RECEIPT_USER_ID" id="RECEIPT_USER_ID" value="${listDatas.RECEIPT_USER_ID}"/>
                     </div>  

//顯示用戶機構樹
    function showOrgUserTree(){
        $("#orgTreeDiv").show();//顯示樹
        $("body").bind("mousedown", onBodyDown);//點擊其他隱藏該下拉框
    }
//點擊其他隱藏樹形
    function onBodyDown(event) {
        if (!(event.target.id == "orgTreeDiv" || $(event.target).parents("#orgTreeDiv").length>0)) {
            $("#orgTreeDiv").fadeOut("fast");
            $("body").unbind("mousedown", onBodyDown);
        }
    }

重點實現

//樹複選框事件
    function zTreeOnCheck(event, treeId, treeNode) {
        //獲取選中機構用戶節點
        var treeObj = $.fn.zTree.getZTreeObj("orgUserTree");
        //這裏獲取選中的 id name核心
        var orgUserNodes = treeObj.getCheckedNodes(true);

        var RECEIPT_USER_ID = "";//用戶ID集合
        var RECEIPT_USER_NAME = "";//用戶名稱集合
        //循環重新加載選中用戶
        for(var i=0;i<orgUserNodes.length;i++){
            var node = orgUserNodes[i];
            if(node.type != "user"){
                continue;
            }
            if(!RECEIPT_USER_ID){
                RECEIPT_USER_ID = node.id;
                RECEIPT_USER_NAME = node.name;
            }else{
                RECEIPT_USER_ID += "," + node.id;
                RECEIPT_USER_NAME += "、" + node.name;
            }
        }
        $("#RECEIPT_USER_NAME").val(RECEIPT_USER_NAME);//賦值會議參與人員名稱
        $("#RECEIPT_USER_ID").val(RECEIPT_USER_ID);//賦值會議參與人員ID
    }
發佈了85 篇原創文章 · 獲贊 71 · 訪問量 52萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章