ASTreeView Demo:Add, Edit & Delete nodes
来源:互联网 发布:otc机器人编程 编辑:程序博客网 时间:2024/05/29 18:21
<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 nodevar displayNodeFunc = function( elem ){document.getElementById( "<%=divConsole.ClientID %>" ).innerHTML += ( ">>[Node]" + elem.getAttribute("treeNodeValue") + " [Parent]:" + elem.parentNode.parentNode.getAttribute("treeNodeValue") + " [CheckState]:" + elem.getAttribute("checkedState") + "<br />" );}</script>
<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" />
/// <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"));}
http://www.jinweijie.com/
http://www.astreeview.com/astreeviewdemo/astreeviewdemo1.aspx
0 0
- ASTreeView Demo:Add, Edit & Delete nodes
- ASTreeView Demo:Add, Edit & Delete nodes
- Ctools add/edit/delete node
- extJs tree add edit delete js代码
- extJs tree add edit delete js代码
- js add delete 转义字符 demo
- PHP Tutorials : Add, View, Edit & Delete from to MySQL database, Live Example (News System)
- PHP Tutorials : Add, View, Edit & Delete from to MySQL database, Live Example (News System)
- How to Implement Add/Edit/Delete/View with PHP using Angular JS (Part-1)
- How to Implement Add/Edit/Delete/View with PHP using Angular JS (Part-2)
- jquery, delete some specific child nodes
- create/edit/delete/startup/shutdown Oracle Instance
- busybox add or delete route
- thinkphp add update Delete操作
- linux add user/ delete user
- Text Edit control - Usage and Demo
- [Demo][Add HTML+CSS+JQuery]
- 自定义控件:eWord.UI,astreeview
- wcf对请求的验证
- Eclipse中安装Tomcat插件
- asda
- 判断设备是iphone还是ipad
- PS快速制作凹陷直线
- ASTreeView Demo:Add, Edit & Delete nodes
- 【C++进阶】__stdcall 详解
- UVA - 11375 Matches
- ASTreeView Demo:Add, Edit & Delete nodes
- Android实现微博下拉刷新上拉加载更多功能
- 优秀产品经理指南
- eclipse中svn账户、密码修改
- 程序员技术练级攻略
- Unity3d性能优化代码篇