<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
}