jquery 操作.NET的TreeView

英文字母打字员 2012-12-10 11:22:10

读取树上的节点信息，如果父节点下有子节点未选择，在根节点加入A。jpg的图片，如果子节点全部选择加入B.JPG的图片。这个怎么做呢？

...全文

120 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

hengren4 2012-12-21

打赏
举报

微软树在浏览器中是个JS对象。这个对象包含了很多客户端的JS方法，如AddNode，RemoveNode，UpdateNode，还有Childnode哪些。你调试JS就能清晰的看到这个对象。和他们的方法。这一步搞定了。那么剩下的就是使用JQ调用这个对象的属性和方法了。这个跟一般的JS调用没有区别。

英文字母打字员 2012-12-10

打赏
举报

真的没人知道吗？

英文字母打字员 2012-12-10

打赏
举报

没人知道？

Jquery TreeView结合.NET用户控件的树，代码是我自己项目中使用的，路径可能要稍改一下，绝对可用，自己留个存根。

一个基于jQuery +ASP.NET实现的树型控件Treeview右键菜单Context Menu 源码例子

本套课程将对基于ASP.NET在线知识管理系统【成品】的代码部分进行讲解，该系统以知识文档管理为主，主要基于Visual Studio 和SQL Server进行开发，主要通过ASP.NET进行设计，系统功能较简单，适合新手和初级学生进行了解。该课程中应用到MasterPage模板页、TreeView导航控件、用户自定义控件、数据验证控件等ASP.NET服务器端控件。该课程可以作为课程设计、大作业或毕业设计作品的思路参考。、注意：学院会员可以免费学习部分课程，有需要可付费购买源码课程

jquery的treeview 在显示大层次树是会卡死浏览器，我结合http://www.cnblogs.com/xuanye/archive/2009/10/26/1590250.html的改进版做的这个改进版（因为很多人没读他的源码，不知道怎么请求节点的处理页面），把asp.net的json序列化都做了进去（Newtonsoft.jsonnet2.0.dll），，采用ajax+wrapperpage+usercontrol的模式生成json（因为牵涉公司两个配置文件，必须读配置信息连接数据库，绕了一下其实可以更轻量级的handler来处理，例子不能运行，但可以看看）,同时扩展了很多的配置项都有说明，希望对大家有帮助使用例如： <script src="lib/jquery/jquery.js" type="text/javascript"> <script src="lib/jquery/plugins/treeview/js/common.js" type="text/javascript"> <script type="text/javascript"> var checknodes = "HJH8,HJA5"; //你事先要传给树控件的已选中节点 id $(document).ready(function() { var o = { isAsync: false, //是否异步获取节点，根据咱的要求设为false url: "AjaxWrapperPages/AsyncGetTreeNodes.aspx", //请求节点的页面，如果没有改变文件路径不用关心 cbiconpath: "lib/jquery/plugins/treeview/images/icons/", //同上 checkbox icon的目录位置 //icons: ["checkbox_0.gif", "checkbox_1.gif", "checkbox_2.gif"],//不用配置 emptyiconpath: "lib/jquery/plugins/treeview/images/s.gif", //checkbxo三态的图片 animate: true, //不用配置，动画没有效果 theme: "bbit-tree-lines", //bbit-tree-lines ,bbit-tree-no-lines,bbit-tree-arrows有线、没线、箭头三个样式中选择 showcheck: true //是否显示复选框 , checkNodes: checknodes //上面你事先要传给树控件的已选中节点 id的变量 , rootText: "中石化单位"//根节点的文本可为空则没有根节点建议起个有意义的名字描述这棵树 //,onnodeclick: function(item) { alert(item.text); } , dbconfigPath: "~/hanwayDbConfig.hwdb" //可去掉，这是我做测试用可不用此配置 , conStr: "conStr" //连接字符串你可直接传，考虑安全可不用此配置 /************ 必填项 ****************/ , sqlPath: "~/Db.hwSql" //sql语句存放的文件位置 , sqlID: "dwdyinfo" //sql对应的sqlid , dtFields: "dm,zhdm,mc" //表的结构控件之关心3个：“主键id 外(父)键id 节点文本” 依次','分开 , pnodeMark: "dyzhgx" //和上面的dtFields中的外键用来构造过滤条件如"zhdm='dyzhgx'" 查询出所有一级节点 }; $("#tree").treeview(o); //到服务器处理选中节点 $("#showchecked").click(function(e) { var changnodes = $("#tree").getTSVs(); //得到所有选中节点的id if (changnodes != null) { changnodes = changnodes.join(","); $.ajax({ type: "get", url: "some.aspx", data: "nodes="+changnodes, success: function(msg) { alert("Data Saved: " + msg); } }); } });

jquery-treeview.js 是一个免费开源的jQuery目录树插件，它可用于MVC开发，关于asp.net mvc 的使用，请参照《MVC引用教程》，docx格式的图文教程

.NET技术前瞻

13,347

社区成员

5,388

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章