<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;" onclick="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
}