109 lines
3.6 KiB
Plaintext
109 lines
3.6 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8" %>
|
|
<script type="text/javascript">
|
|
var selectMenu = function () {
|
|
|
|
alert('${param.hiddenId}' + '${param.textId}');
|
|
}
|
|
|
|
|
|
$(function () {
|
|
$.fn.update = function (value) {
|
|
$(this).each(function () {
|
|
if (value != this.value) {
|
|
this.value = value;
|
|
this.onchange();
|
|
}
|
|
});
|
|
};
|
|
getTree(0, 0)
|
|
|
|
|
|
});
|
|
|
|
function saveCheckedItems() {
|
|
let selectedNodes = $('#unit_select_tree_check').treeview('getChecked')
|
|
|
|
$('#${formId} #${hiddenId}').val(selectedNodes.map(item=>item.id).join(','));
|
|
$('#${formId} #${textId}').val(selectedNodes.map(item=>item.text).join(','));
|
|
closeModal('unit4SelectModal_Limited_Check');
|
|
}
|
|
|
|
|
|
function initNodes(nodes, call) {
|
|
return nodes.map(item => {
|
|
call(item)
|
|
if (item.nodes) initNodes(item.nodes, call)
|
|
return item
|
|
})
|
|
}
|
|
|
|
//加载树结构
|
|
function getTree(id, nodeId) {
|
|
|
|
$.post(ext.contextPath + '/user/getAllParentByUnitId.do', {ng: '', type: '${param.type}',unitId:unitId}, function (data) {
|
|
|
|
let selectedNodeIds = '${param.deptIds}'.split(',')
|
|
let temp = initNodes(data, (node) => {
|
|
if(selectedNodeIds.find(id=>id===node.id)){
|
|
node.state = {checked: true}
|
|
}else {
|
|
node.state = {checked: false}
|
|
}
|
|
})
|
|
|
|
|
|
|
|
$('#unit_select_tree_check').treeview({
|
|
data: data,
|
|
showCheckbox: true,
|
|
showTags: true,
|
|
showBorder: false,
|
|
hierarchicalCheck: false,
|
|
selectable: false,
|
|
checkable: false,
|
|
onInitialized: function (event, nodes) {
|
|
// console.log(event, "onInitialized")
|
|
// console.log(nodes, "onInitialized")
|
|
},
|
|
onNodeSelected: function (event, node) {
|
|
// console.log(event, "onNodeSelected")
|
|
// console.log(node, "onNodeSelected")
|
|
},
|
|
onNodeUnchecked: function (event, node) {
|
|
// console.log(event, "onNodeUnchecked")
|
|
// console.log(node, "onNodeUnchecked")
|
|
},
|
|
onNodeChecked: function (event, node) {
|
|
// console.log(event, "onNodeChecked")
|
|
// console.log(node, "onNodeChecked")
|
|
},
|
|
onRendered: function (event, nodes) {
|
|
}
|
|
|
|
})
|
|
}, 'json');
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
<div class="modal fade" id="unit4SelectModal_Limited_Check">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">选择</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div id="unit_select_tree_check" style="height:430px;overflow:auto;width:100%"></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
|
<button type="button" class="btn btn-default" onclick="saveCheckedItems()">确定</button>
|
|
</div>
|
|
</div>
|
|
<!-- /.modal-content -->
|
|
</div>
|
|
<!-- /.modal-dialog -->
|
|
</div> |