6，下拉菜单（单选）

2025-02-17 技术教程

-----后台

usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;usingSystem.Data;usingSystem.Text;publicpartialclass_Default:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){}publicstringGetzNodes(){StringBuildersb=newStringBuilder();sb.Append("<script>");sb.Append("varzNodes=[");//*****************************************加入遍历代码for(inti=0;i<100;i++){if(i>50){sb.Append(SetParametes(i.ToString(),"1","b"));}elsesb.Append(SetParametes(i.ToString(),"-1","a"));}//********************************************************sb.Append("];");sb.Append("</script>");returnsb.ToString();}///<summary>///设置节点///</summary>///<paramname="id">id</param>///<paramname="pid">父级id</param>///<paramname="name">名称</param>///<paramname="open">是否展开？</param>///<returns>返回节点</returns>privatestringSetParametes(stringid,stringpid,stringname,boolopen=false){StringBuildersb=newStringBuilder();sb.Append("{");sb.AppendFormat("id:{0},",id);sb.AppendFormat("pId:{0},",pid);if(open){sb.AppendFormat("name:\"{0}\",",name);sb.Append("open:true");}else{sb.AppendFormat("name:\"{0}\"",name);}sb.Append("},");returnsb.ToString();}}

-----前台

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title></title><linkhref="../css/demo_new.css"rel="stylesheet"type="text/css"/><linkhref="../css/zTreeStyle/zTreeStyle.css"rel="stylesheet"type="text/css"/><scriptsrc="../js/jquery-1.4.4.min.js"type="text/javascript"></script><scriptsrc="../js/jquery.ztree.core-3.5.js"type="text/javascript"></script></head><%=GetzNodes()%><scripttype="text/javascript">varsetting={view:{dblClickExpand:false},data:{simpleData:{enable:true}},callback:{beforeClick:beforeClick,onClick:onClick}};$(document).ready(function(){$.fn.zTree.init($("#treeDemo"),setting,zNodes);});functionbeforeClick(treeId,treeNode){////解开则选中不了父节点//varcheck=(treeNode&&!treeNode.isParent);//if(!check)alert("只能选择城市...");returntrue;}//点击选择触发functionshowMenu(){varcityObj=$("#citySel");varcityOffset=$("#citySel").offset();$("#menuContent").css({left:cityOffset.left+"px",top:cityOffset.top+cityObj.outerHeight()+"px"}).slideDown("fast");$("body").bind("mousedown",onBodyDown);}functionhideMenu(){$("#menuContent").fadeOut("fast");$("body").unbind("mousedown",onBodyDown);}functiononBodyDown(event){if(!(event.target.id=="menuBtn"||event.target.id=="menuContent"||$(event.target).parents("#menuContent").length>0)){hideMenu();}}$(document).ready(function(){$.fn.zTree.init($("#treeDemo"),setting,zNodes);});//选中一个之后触发functiononClick(e,treeId,treeNode){varzTree=$.fn.zTree.getZTreeObj("treeDemo"),nodes=zTree.getSelectedNodes(),v="";$("#citySel").val(nodes[0].name);alert(nodes[0].id+","+nodes[0].name);hideMenu();}</script><body><formid="form1"runat="server"><divclass="zTreeDemoBackgroundleft"><ulclass="list"><liclass="title"><asp:TextBoxID="citySel"ReadOnly="true"runat="server"></asp:TextBox> <aid="A1"href="#"onclick="showMenu();returnfalse;">选择</a></li></ul></div><divid="menuContent"class="menuContent"><ulid="treeDemo"class="ztree"></ul></div></form></body></html>

整合包下载：http://down.51cto.com/data/1967063