Implement Tree Menu with TreeView

zhaozj2021-02-16  52

Implement Tree Menu with TreeView

Author: Wawe Time: 2002-9-28 Recommended Level: ★ View author information and author anthology

Author: Herd specific method is: Create a database design tree information table S_Menu, contains NodeId, ParentId, NodeName, Address, Icon field, other fields may be based on actual business, the name of the node NodeName The node in the tree control Displayed, the NodeID field saves the unique identification number of the node, and the ParentID represents the parent node number of the current node, the identification number consists of a "linked list", which records the structure of the tree node. Design a web form placing the TreeView control, modify its properties ID to TVMenu.

The data structure is as follows: Create Table [DBO]. [S_MENU] ([NodeID] [char] (6) Collate Chinese_PRC_CI_AS NULL, [PARENTID] [CHAR] (6) Collate Chinese_PRC_CI_AS NULL, [NODENAME] [NVARCHAR] (50) Collate Chinese_PRC_CI_AS NULL, [Address] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL, [Icon] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL) ON [PRIMARY] GO database as follows: NodeId ParentId NodeName Address Icon100000 0 public Access unit icon_document.gif100001 100000 Daily RMB inquiry public / a1.aspx icon_settings.gif100002 100000 Currency Daily query public / a2.aspx icon_settings.gif100003 0 branch of the Ministry of Science icon_document.gif100004 100003 yuan daily queries tech / a1.aspx icon_settings.gif100005 100003 Currency Daily query tech / a2. aspx icon_settings.gif100006 0 Futian Branch icon_document.gif100007 100006 month deposit schedule a1.aspx icon_settings.gif100008 100006 month deposit charts a2.aspx icon_settings.gif100009 0 Luohu Branch icon_document.gif100010 100009 month deposit schedule a1.aspx icon_settings.gif100011 100009 Month Deposit Chart A2.ASPX Icon_Settings.gif Menu_left.aspx files are as follows: <% @ register tagprefix = "IEWC" namespace = "Microsoft.Web.ui.We bControls "Assembly =" Microsoft.Web.UI.WebControls, Version = 1.0.2.226, Culture = neutral, PublicKeyToken = 31bf3856ad364e35 "%> <% @ Page language =" c # "Codebehind =" menu_Left.aspx.cs "AutoEventWireup =" False "inherits =" hzquery.Menu.Menu_left "%> menu_left </ title> <meta name =" generator "content =" Microsoft Visual Studio 7.0> <meta name = "code_language" Content = "C #"> <meta name = "vs_defaultclientscript" content = "javascript"> <meta name = "vs_targetschema" content =</p> <p>"http://schemas.microsoft.com/intellisense/ie5"></Head> (Body MS_Positioning =" GridLayout "> <form id =" menu_left "method =" post "runat =" server "> <iewc: TreeView ID = "tvmenu" runat = "server"> </ iewc: treeview> </ form> </ body> </ html> codebehind code as follows: use system; using system.collections; using system.componentmodel; using system.data ; using System.Drawing; using System.Web; using System.Web.SessionState; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls; using Microsoft.Web.UI. WebControls; Using System.data.sqlclient; Namespace Hzquery.Menu {/// <summary> /// menu_left summary description.</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-18476.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="18476" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.049</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = 'h5LC_2Ba2oKerOI_2FTE3oiY9XGAQjPVGVxP6autTaMJ13fo7lOJJ1_2BPTn1Gr_2BeKH2WWUlStQdocafbC9Y5I3blCUA_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>