javascript控制treeview的checkbox?

IFocusYou 2007-07-20 08:40:59

在asp.net中,寻求用客户端控制web control的treeview中的checkbox.

要求:
选中下级checkbox时,同时选中相关的上层结点的checkbox至首层,
清空上级checkbox时,同时清空所选的下层结点的checkbox至末层.

敬请高手指点!
最好有列子!

谢谢!
注:分不够可另开帖加.

...全文

222 9 打赏收藏转发到动态举报

写回复

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

IFocusYou 2007-07-20

打赏
举报

回复

未完全实现,但基本实现了绝大部分的要求.结帖.

cpp2017 2007-07-20

打赏
举报

回复

祝你成功.

IFocusYou 2007-07-20

打赏
举报

回复

cpp2017(慕白兄) ( ) 信誉：100 2007-07-20 09:56:18 得分: 0

所以我才写参考:剩下的一半参照上面的写就可以了

--------------------------------
剩下的一半是最难的.因为要层层向上判断其某父节点下的所有的子节点是否有选中.........

我自已再试一下.....

cpp2017 2007-07-20

打赏
举报

回复

所以我才写参考:剩下的一半参照上面的写就可以了

IFocusYou 2007-07-20

打赏
举报

回复

cpp2017(慕白兄) ( ) 信誉：100 2007-07-20 09:02:51 得分: 0

参考:
http://community.csdn.net/Expert/topic/5316/5316968.xml?temp=0.905393836510085

================================
此功能实现了一半.
未实现的是:现取消选中某一个节点时,其下子节点全取消选中.其父节点也取消,父父节点以及再上层父节点要根据他们各自的子节点是否有某一选中而决定本身是否选中.

chuxue1342 2007-07-20

打赏
举报

回复

学习!

cpp2017 2007-07-20

打赏
举报

回复

参考: http://community.csdn.net/Expert/topic/5316/5316968.xml?temp=0.905393836510085

ivyorg 2007-07-20

打赏
举报

回复

这个不难实现吧？无非用循环遍历呀。

zhuawang 2007-07-20

打赏
举报

回复

up

Javascript 实现TreeView CheckBox 选中父节点时所有子节点全选，取消时全部取消

根据网上资源扩展功能写的两个JavaSript TreeView和ListBox控件，带图片，可选中。

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); } }); } });

treeview父子节点联动,javascript实现。

方法网上有很多，试了一下都有瑕疵。最后找了个看上去代码比较少，比较顺眼的，测试结果报错说有几个函数不存在，于是设置断点调试，各个属性查找有用的字段，终于找到。现整理如下：首先，要想在javascript中获取treeview中带checkbox的节点，需要设置treeview节点的某些属性，我是在后台代码中添加的。代码如下: TreeNode newNode = new TreeNode(); newNode.Text = “showText”; newNode.Value =id; newNode.NavigateUrl = id; // 可用来在javascript中获取需要的va

62,046

社区成员

669,049

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

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

+ 用AI写文章