选择TreeView控件的树状数据节点的JS方法(jquery)

2016-02-19 13:55 107 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的选择TreeView控件的树状数据节点的JS方法(jquery),喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - Web开发 】

方法要达到的效果是:“ 改变一节点的选中状态时,其后代节点选中状态也要跟随当前节点的选中状态改变而改变。当前节点选中时,其所有祖先节点也要跟着选中;如取消时,要根据其同级节点是否有选中时,来决定其祖先节点的选中状态。”
说明:树是用vs的TreeView控件生成的。
如图:

代码如下:

代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
jQuery(function(){
jQuery(":checkbox").click(function(){
var objNode = this;
var objNodeId=objNode.id;
var divObjId= objNodeId.substring(0,objNodeId.indexOf("CheckBox")) /span+ "Nodes";
jQuery('#'+divObjId+' input[type="checkbox"]').each(function(){
this.checked=objNode.checked;
}
);
jQuery("#"+objNodeId).parents("div[id]").each(function(){
var divId=this.id;
var cbId=divId.substring(0,divId.indexOf("Nodes")) + "CheckBox";
var cbCount=jQuery('#'+divId+' input:checked');
if(objNode.checked||cbCount.length==0)
{
var sId=document.getElementById(cbId);
if (sId)
{
sId.checked=objNode.checked;
}
}
}
);
});
});

来源:http://www.tulaoshi.com/n/20160219/1605639.html

延伸阅读
树控件的应用 -- 求子树节点的集 作者:XuFeng Yuan 下载本文示例代码 本人,在去年已经发表一篇关于使用数据库内记录的内容,来创建树控件的节点的文章--《按数据库记录构建树控件》(http://www.vckbase.com/document/viewdoc.asp?id=466), 由于这篇文件里,对于点击树的某一节点后,显示当...
标签: Web开发
web开发过程中,常常使用到jquery控件。而开始学习众多控件的过程中,总结了一下笔记,特集结成册,以备自己或朋友学习交流。 (一)Floating Box 功能简介:本控件可以实现层的动态定位(四个角:左上、左下、右上、右下) 效果显示:当点击四个按钮时候,浮动的层回漂移到所对应的位置。 操作步骤: 1、...
标签: Web开发
服务器控件代码: asp:TextBox runat="server"/asp:TextBox 1. $("#%=txtUserID.ClientID%").val(); 2. $("input[id*=txtUserID]").val(); 3. $("*[id$=txtUserID]").val();
标签: Web开发
今天突然对他的事件产生了兴趣,先前也碰到过,也没整理,今天有空就弄一下咯。 对于控件的事件,jQuery已经提供了丰富的方法,包括绑定、一次绑定、触发等,阿拉今早看看叫一哪能用额伐,大虾路古就可以了。 jQuery的绑定事件非常方便,有bind、live、one还有它帮你把一些常用的事件给单独了出来,比如控件的onclick事件,我们绑定onclick...
树形图用于显示按照树形结构进行组织的数据,其用途比较广泛,如计算机中的文件系统(Windows中的资源管理器)、企业或公司的组成结构等。我们知道在Windows下VB、PB、Delphi等工具提供了一个功能很强的树型控件TreeView,利用Treeview控件可以方便地开发树形图。然而在网页上实现树形图就不那么容易了,现在在ASP.NET中利用微软提供的Internet E...

经验教程

550

收藏

56
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部