1. 程式人生 > 實用技巧 >C#Tree控制元件前端JS程式碼參考

C#Tree控制元件前端JS程式碼參考

使用前需要使用JS指令碼,這裡就不上傳了,大佬自帶指令碼

新增修改程式碼使用前仍需使用JS指令碼 切記切記切記!!!
<script> //配置檔案設定 var setting = { view: { nameIsHTML: true, selectedMulti: false, }, data: { simpleData: { enable: true
}, keep: { parent: true } }, open: true, callback: { onClick: nodeClick, } }; var zNodes; var zMyTree; $(function () { LoadTree(); });
//載入樹 function LoadTree() { $.ajax({ cache: true, type: "get", url: "/Default/ShowTree", async: false, success: function (data) { zNodes = data; } }); zMyTree
= $.fn.zTree.init($("#treeDemo"), setting, zNodes); zMyTree.expandAll(true); } var node_id; var node_name; var node_pid; //節點點選事件 function nodeClick(event, treeId, treeNode, clickFlag) { node_id = treeNode.id;//值節點Id node_name = treeNode.name;//節點名稱 node_pid = treeNode.pId;//父Id } //新增樹節點 function AddNode() { var stype = $("[name=Radio1]:checked").val(); if (stype == 1) { location.href = "/default/AddTreeNode?id=0&name=頂級節點"; } else { if (node_id == null) { alert("請選擇一個節點"); return; } //獲取選中節點的Id //獲取選中節點的Name location.href = "/default/AddTreeNode?id=" + node_id + "&name=" + node_name; } } //刪除樹節點 function DeleteNode() { if (node_id == null) { alert("請選擇一個節點"); return; } if (confirm('確定刪除節點嗎')) { $.ajax({ type: "post", url: "/Default/DeleteTreeNode?id=" + node_id, async: false, success: function (data) { if (data > 0) { alert("刪除節點成功"); location.href = "/Default/Index"; } else if (data == -1) { alert("該節點有子節點,不允許刪除"); } else { alert("刪除節點失敗"); } } }); } } //新增樹節點 function UpdateNode() { if (node_id == null) { alert("請選擇一個節點"); return; } location.href = "/default/UpdateTreeNode?id=" + node_id + "&name=" + node_name; } //選擇移動節點 function BeforeMoveNode() { //移動前的節點 $("#movebefore").text(node_name); $("#movebefore_id").val(node_id); alert($("#movebefore_id").val()); } //選擇移動節點 function AfterMoveNode() { //移動後的位置 $("#moveafter").text(node_name); $("#moveafter_id").val(node_id); alert($("#moveafter_id").val()); } //移動樹節點 function MoveNode() { //移動前的節點 if ($("#movebefore_id").val() == "") { alert("請選擇移動前的節點"); return; } //移動後的位置 if ($("#moveafter_id").val() == "") { alert("請選擇移動後的節點"); return; } alert($("#movebefore_id").val()); alert($("#moveafter_id").val()); $.ajax({ type: "post", url: "/Default/MoveTreeNode?id=" + $("#movebefore_id").val() + "&pId=" + $("#moveafter_id").val(), async: false, success: function (data) { if (data > 0) { alert('移動成功'); location.href = "/Default/Index"; } } }); } </script>



新增樹節點程式碼參考,歡迎各位大佬進行指點
 <script>
        function AddNode() {
            var newnode = {};
            newnode.name = $("#TextName").val();
            newnode.pId = $("#pId").text();

            $.ajax({
                type: "post",
                url: "/Default/AddTreeNode",
                data: newnode,
                async: false,
                success: function (data) {
                    if (data > 0) {
                        alert("新增節點成功");
                        location.href = "/Default/Index";
                    }
                    else {
                        alert("新增節點失敗");
                    }
                }
            });
        }
    </script>

修改樹節點程式碼參考,寫的一般,多多指點
<script>
        function UpdateNode() {
            var newnode = {};
            newnode.id = $("#Id").text();
            newnode.name = $("#TextName").val();

            $.ajax({
                type: "post",
                url: "/Default/UpdateTreeNode",
                data: newnode,
                async: false,
                success: function (data) {
                    if (data > 0) {
                        alert("節點修改成功");
                        location.href = "/Default/Index";
                    }
                    else {
                        alert("節點修改失敗");
                    }
                }
            });
        }
    </script>