ASTreeView Demo:Add, Edit & Delete nodes

http://www.jinweijie.com/

http://www.astreeview.com/astreeviewdemo/astreeviewdemo1.aspx

選擇節點：

?

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

<script type="text/javascript">         //選擇節點 OnNodeSelectedScript="nodeSelectHandler(elem);"         function nodeSelectHandler(elem){             var val = "selected node:" + elem.parentNode.getAttribute("treeNodeValue");             var vals=elem.parentNode.getAttribute("treeNodeValue");             var valt=elem.innerHTML;//獲取顯示的值//注：塗聚文             document.getElementById("<%=divConsole.ClientID %>").innerHTML             += (">>" + val + "<br />");             document.getElementById("<%=TextBox1.ClientID %>").value = vals;             document.getElementById("<%=TextBox2.ClientID %>").value = valt;         }         //parameter must be "elem"         function addedHandler( elem ){             document.getElementById( "<%=divConsole.ClientID %>" ).innerHTML             += ( ">>edit completed. [Node]" + elem.getAttribute("treeNodeValue")             + "<br />" );         }                   //parameter must be "elem"         function editedHandler( elem ){             document.getElementById( "<%=divConsole.ClientID %>" ).innerHTML             += ( ">>edit completed. [Node]" + elem.getAttribute("treeNodeValue")             + "<br />" );         }                   //parameter must be "val"         function deletedHandler( val ){             document.getElementById( "<%=divConsole.ClientID %>" ).innerHTML             += ( ">>delete completed. [Node]" + val             + "<br />" );         }                   //elem is the LI element of each node         var displayNodeFunc = function( elem ){             document.getElementById( "<%=divConsole.ClientID %>" ).innerHTML             += ( ">>[Node]" + elem.getAttribute("treeNodeValue")             + " [Parent]:" + elem.parentNode.parentNode.getAttribute("treeNodeValue")             + " [CheckState]:" + elem.getAttribute("checkedState")             + "<br />" );         }     </script>

 

?

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

<ct:ASTreeView ID="astvMyTree"                         runat="server"                         BasePath="~/Javascript/astreeview/"                         DataTableRootNodeValue="0"                         EnableRoot="false"                         EnableNodeSelection="true"                         EnableCheckbox="false"                         EnableDragDrop="true"                         EnableTreeLines="true"                         EnableNodeIcon="true"                         EnableCustomizedNodeIcon="false"                         AutoPostBack="false"                         EnableDebugMode="false"                         OnNodeSelectedScript="nodeSelectHandler(elem);"                          EnableContextMenu="true"                         EnableAjaxOnEditDelete="true"                         EditNodeProvider="~/ASTreeViewRenameNodeHandler.aspx"                         DeleteNodeProvider="~/ASTreeViewDeleteNodeProvider.aspx"                         AddNodeProvider="~/ASTreeViewDemo3.aspx"                         AdditionalAddRequestParameters="{'t':'ajaxAdd'}"                         AddNodePromptDefaultValue="New Node"                         AddNodePromptMessage="Hello, please add a new node:"                         AddNodeDataValueProvider="return prompt('new ndoe? under:' + elem.getAttribute('treeNodeValue'),'new node name');"                         OnNodeAddedScript="addedHandler(elem)"                          OnNodeEditedScript="editedHandler(elem)"                         OnNodeDeletedScript="deletedHandler(val)" OnOnSelectedNodeChanged="astvMyTree_OnSelectedNodeChanged"  />

 

?

1 2 3 4 5 6 7 8 9 10

/// <summary> /// initial controls, bind you events etc. here /// </summary> private void InitializeComponent() {     //獲取值 添加右鍵菜單進行編輯 //注：塗聚文     //this.astvMyTree.ContextMenu.MenuItems.Add(new ASContextMenuItem("獲取 current value", "alert('current value:' + " + this.astvMyTree.ContextMenuClientID + ".getSelectedItem().parentNode.getAttribute('treeNodeValue')" + ");return false;", "otherevent"));     this.astvMyTree.ContextMenu.MenuItems.Add(new ASContextMenuItem("獲取 current value", "alert('current value:' + " + this.astvMyTree.ContextMenuClientID + ".getSelectedItem().parentNode.getAttribute('treeNodeValue')" + ");window.location.href ='ASTreeViewEdit.aspx?EditNodeValues='+" + this.astvMyTree.ContextMenuClientID + ".getSelectedItem().parentNode.getAttribute('treeNodeValue')" + ";", "otherevent"));     this.astvMyTree.ContextMenu.MenuItems.Add(new ASContextMenuItem("獲取 current text", "alert('current text:' + " + this.astvMyTree.ContextMenuClientID + ".getSelectedItem().innerHTML" + ");return false;", "otherevent")); }