mzTreeView应用

最近在对vs2003的一个项目做界面修改，用到了TreeView，一时不知道该用哪个，在网上搜了下下了mzTreeView。

解压打开网页一看，好熟悉，原来就是csdn论坛的左边导航。

不管别的，先做把html用记事本打开，代码不是很难，全是用js写的，如下：

<SCRIPT LANGUAGE="JavaScript"> var data={}; data["-1_1"] = "text: CSDN社区起始点;"; var xmlstr='<nodes>'+ '<node text="总经办" />'+ '<node text="人力资源部" />'+ '<node text="综合管理部" />'+ '<node text="财务部" />'+ '<node text="研发中心" />'+ '<node text="客户服务中心">'+ '<node text="实施部" />'+ '<node text="运维服务部" />'+ '</node>'+ '<node text="营销中心" />'+ '</nodes>'; //* Using("System.Web.UI.WebControls.MzTreeView"); var a = new MzTreeView(); a.dataSource = data a.loadXmlDataString(xmlstr, 1); a.setJsDataPath("scripts/csdn/community/treedata/"); a.setXmlDataPath("scripts/csdn/community/treedata/"); //a.rootId="1"; a.autoSort=false; a.useCheckbox=true a.canOperate=true; document.write(a.render()); a.expandLevel(1); //*/ </SCRIPT>

接着想它的节点时怎么形成的，仔细一看，原来节点可以有两部分组成，data数组和xmlstr，接着想我项目中用到的数据是从数据库中读取的，只要把xmlstr中的内容改变，然后利用脚本注册不就可以了。（后来知道利用data也是可以的）然后添加一个aspx页面，把下载下来文件中html内容复制到aspx页面，下面这两句必须得加上： <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <mce:script src="scripts/jsframework.js" mce_src="scripts/jsframework.js"></mce:script>

然后就在cs文件中操作了

private void CreateFirstMenu(string strUserCode, string strIsOfen) { StringBuilder sb=new StringBuilder(); sb.Append("<mce:script language='javascript' type='text/javascript'><!-- "); sb.Append("var data={};data[/"-1_1/"] = 'text: 商务合同部;';"); sb.Append("var xmlstr='<nodes>'"); //需改的地方 userManageDb rsBgfw = new userManageDb("Sql"); DataTable theDt=rsBgfw.GetOfenTab(strUserCode,strIsOfen); //循环从表中取出数据 for(int i=0;i<theDt.Rows.Count;i++) { sb.Append("+'<node text=/""+theDt.Rows[i]["v_mkmc"].ToString()+"/" url=/""+theDt.Rows[i]["v_cdlj"].ToString()+"/" target=/"iframepage/" method=/"/" >'"); string mkdm=theDt.Rows[i]["c_mkdm"].ToString(); //获取二级菜单 this.CreateTwoMenu(mkdm,ref sb); sb.Append("+'</node>'"); } sb.Append("+'</nodes>';"); sb.Append(" Using(/"System.Web.UI.WebControls.MzTreeView/");var a = new MzTreeView();a.dataSource = data;"); sb.Append(" a.loadXmlDataString(xmlstr, 1);a.setJsDataPath('scripts/csdn/community/treedata/');"); sb.Append("a.setXmlDataPath(/"scripts/csdn/community/treedata//");"); sb.Append("a.autoSort=false;a.canOperate=true;document.write(a.render());a.expandLevel(2);"); sb.Append("function hello(){alert('hello world');}"); sb.Append(" // --></mce:script>"); Page.RegisterStartupScript("java",sb.ToString()); }

二级菜单代码跟一级类似就不贴了。运行成功，哈哈。

不过，在如何给节点添加单击事件没有研究出来，比如说当单击时可以跳到另外已经写好的javascript函数中。高手还请告知，先谢了。