first commit

WebRoot/jsp/user/unit4selectlimitedcheck.jsp

@@ -0,0 +1,109 @@
+<%@ 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">&times;</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>