1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PermissionsUserCaseList.aspx.cs" Inherits="CY.WebForm.Pages.membermanage.PermissionsUserCaseList" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>用例</title>
    <uc:CMSHead ID="CMSHead1" runat="server" />
    <!-- 树start-->
    <script type="text/javascript" src="../../libs/js/tree/ztree/ztree.js"></script>
    <link href="../../libs/js/tree/ztree/ztree.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        var setting1 = {
            view: {
//                addHoverDom: addHoverDom,
                removeHoverDom: removeHoverDom,
                selectedMulti: false
            },
            edit: {
                enable: true,
                renameTitle: "修改",
                removeTitle: "删除",
                showRemoveBtn: showRemoveBtn,
                showRenameBtn: showRenameBtn
            },
            callback: {
                //不允许拖拽
                beforeDrag: beforeDrag1,
                //修改前确认
                beforeEditName: beforeEditName1,
                //删除前确认
                beforeRemove: beforeRemove1,
                //单击展开节点
                onClick: onNodeClick1
            }
        };
 
         
        var zNodes1 = [
//        {isMenu:true, id: 0, parentId: -1, name: "顶级菜单", open: true },
        <%=treeHtml %>
    ];
 
        function initComplete() {
            $.fn.zTree.init($("#tree-1"), setting1, zNodes1);
        };
 
        function beforeDrag1(treeId, treeNodes) {
            return false;
        };
        //删除按钮
        function showRemoveBtn(treeId, treeNode) {
            return false;
        }
        //编辑按钮
        function showRenameBtn(treeId, treeNode) {
            return !treeNode.isMenu;
        }
 
        //确认是否进入编辑状态
        function beforeEditName1(treeId, treeNode) {
            var KeyId = treeNode.id;
            if(KeyId == "0" || KeyId =="")
            {
                alertMsg("菜单不可编辑");
            }else{
                $.ajax({
                    url: "/Pages/common/CommonAjax.aspx",
                    type: "POST",
                    dataType: "html",
                    data: { pm_datetype: "usercase", KeyId: KeyId },
                    global: false,
                    cache: false,
                    success: function (data) {
                        var jnone = [];
                        eval("jnone=" + data);
                        $("#hideKeyId").val(jnone.Keyid);
                        $("#selParentId").val(jnone.MenuId);
                        $("#txtUserCaseName").val(jnone.UserCaseName);
                        $("#txtControId").val(jnone.ControId);
                        //$("#txtListId").val(jnone.ListId);
                        $("#selIsUsed").val(jnone.IsUsed.toString());
                    }
                });
            }
            return false;
        };
 
        //确认是否删除+删除处理
        function beforeRemove1(treeId, treeNode) {
            var zTree = $.fn.zTree.getZTreeObj("tree-1");
            //选中该节点
            zTree.selectNode(treeNode);
            top.Dialog.confirm("确认删除 节点 -- " + treeNode.name + " 吗?", function () {
                zTree.removeNode(treeNode);
                //此处进行ajax后台数据处理
            });
            return false;
        };
 
        //单击展开节点
        function onNodeClick1(event, treeId, treeNode){
            var zTree = $.fn.zTree.getZTreeObj("tree-1");
            zTree.expandNode(treeNode);
        };
 
        
        function removeHoverDom(treeId, treeNode) {
            $("#addBtn_" + treeNode.id).unbind().remove();
        };
 
        function ClearKeyId() {
            $("#hideKeyId").val("");
        }
        $(function () {
        var selHtml = "<%=selHtml %>";
        $("#selParentId").html(selHtml);
});
    </script>
    <!-- 树end -->
</head>
<body>
    <form id="form1" runat="server" class="form">
    <div id="scrollContent">
        <div class="box1">
            <div style="float: left; width: 320px; border: 1px solid #CCCCCC; height: 100%; padding: 10px;">
                <ul id="tree-1" class="ztree">
                </ul>
            </div>
            <div style="float: left; border: 1px solid #CCCCCC; margin-left: 20px; height: 100%; padding: 10px;">
                <table>
                    <tr>
                        <td class="ali03 w100px">
                            当前编号:
                        </td>
                        <td>
                            <input type="text" runat="server" id="hideKeyId" class="w40px" readonly="readonly" />
                            新增请点击 <span id="spanClearKeyId" class="red CP" style="text-decoration: underline;" onclick="ClearKeyId();">清空编号</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="ali03 w100px">
                            所属菜单:
                        </td>
                        <td>
                            <select id="selParentId" runat="server" keepdefaultstyle="true">
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="ali03">
                            用例名称:
                        </td>
                        <td>
                            <input type="text" id="txtUserCaseName" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td class="ali03">
                            控件ID:
                        </td>
                        <td>
                            <input type="text" id="txtControId" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td class="ali03">
                            模式:
                        </td>
                        <td>
                            <select id="selMoneyType" name="selMoneyType" runat="server" keepdefaultstyle="true">
                                <option value="0">免费</option>
                                <option value="1">收费</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="ali03">
                            是否可用:
                        </td>
                        <td>
                            <select id="selIsUsed" runat="server" keepdefaultstyle="true">
                                <option value="true">启用</option>
                                <option value="false">禁止</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="ali03">
                        </td>
                        <td>
                            <asp:Button ID="btn_Submit" Text="提交" runat="server" OnClick="btn_Submit_Config" />
                        </td>
                    </tr>
                </table>
            </div>
            <div class="CB">
            </div>
        </div>
    </div>
    </form>
    <script type="text/javascript">
        $(function () {
            $("#selParentId option").each(function (ii, vv) {
                $(this).html($(this).html().replace(/[.]/g, "&nbsp;"));
            });
        });
    </script>
</body>
</html>