js获取Treeview选中的节点(C#选中CheckBox项)_实用技巧

方法网上有很多,试了一下都有瑕疵。最后找了个看上去代码比较少,比较顺眼的,测试结果报错说有几个函数不存在,于是设置断点调试,各个属性查找有用的字段,终于找到。
现整理如下
首先,要想在javascript中获取treeview中带checkbox的节点,需要设置treeview节点的某些属性,我是在后台代码中添加的。

复制代码 代码如下:

TreeNode newNode = new TreeNode();
newNode.Text = “showText”;
newNode.Value =id;
newNode.NavigateUrl = id; // 可用来在javascript中获取需要的value或text值
newNode.ShowCheckBox = true; //显示checkbox
newNode.Expanded = false; //节点折叠
newNode.Checked = true; //checkbox选中

获取Treeview带Input控件的节点:var tree = document.getElementById("treenameOrid").getElementsByTagName("input");
上边设置的是checkbox,所以tree选出的就是带checkbox的项。它不同于var treeitem=document.getElementById("treenameorid");不可遍历直接获取text和value;
获取Treeview中Checkbox选中的节点,通常作为一个判断条件: if (tree[i].type == "checkbox" && tree[i].checked) {内容}
获取各个节点需要的值:var s = tree[i].nextSibling.pathname; 发现这个费了我不少脑细胞。要用此属性获取值,必须设置属性newNode.NavigateUrl = 需要的值;
好啦,现在给出一个javascript的完整代码

复制代码 代码如下:

var idlist;
function GeSelectedNode() {
var getAllNodes = "";
idlist = new Array(); //实例化数组
var tree = document.getElementById("treenameOrid").getElementsByTagName("input");
for (var i = 0; i < tree.length; i++) {
if (tree[i].type == "checkbox" && tree[i].checked) {
var s = tree[i].nextSibling.pathname; //要用此属性获取值,必须设置属性newNode.NavigateUrl = 需要的值;
getAllNodes += s + '/';
idlist.push(s); //将值添加入数组最后一项;
}
}
alert(tree.length);
alert(getAllNodes);
}

现在,运行起来,看看是不是你需要的结果,如果不对,别忘了设断点调试哦。

时间: 2024-10-31 08:30:01

js获取Treeview选中的节点(C#选中CheckBox项)_实用技巧的相关文章

把js文件编译成dll供页面调用的方法_实用技巧

1. 在解决方案中添加一个项目:JSControl 2. 在这个项目添加一个js文件(JScript1.js) 脚本的内容: function showAlert(){ alert('Today is a good dary'); } 3. 改变JScript1.js的属性,Build Action为Embedded Resource(嵌入的资源) 4. 在JSControl项目的AssemblyInfo.cs文件中添加一行:(注意JSControl.JScript1.js,JSControl是

asp.net TreeView递归循环子节点生成树形菜单实例_实用技巧

本文实例讲述了asp.net TreeView递归循环子节点生成树形菜单的方法.分享给大家供大家参考,具体如下: 这里主要用到递归循环获取子结点 /// <summary> /// 生成根节点 /// </summary> /// <param name="treeview"></param> protected void BindTreeView(long ID, TreeView treeview) { DataTable dt =

GridView中点击CheckBox选中一行来改变此行的颜色_实用技巧

前台: 复制代码 代码如下: <asp:TemplateField HeaderText="选择"> <ItemStyle HorizontalAlign="Center"/> //居中显示 <ItemTemplate> <asp:CheckBox ID="ckbSelect" runat="server" AutoPostBack="true" onchecked

XML文件修改节点属性值(多种方法)_实用技巧

xml 文件内容: 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <subtitles> <info> <content>最新通告:五一放假七天!请各教员悉知</content> <speed>4</speed> <color>red</color> </info> </subtitles

ASP.NET中获取URL重写前的原始地址详解_实用技巧

通常的使用场景是当我们有某个页面需要用户登录才能访问时,我们会在代码中判断当前访问用户是否登录,如果未登录,则重定向至登录页面,并将当前网址通过Url参数传递给登录页面.如果使用了URL重写,并通过Request.Url.AbsoluteUri获取当前网址,用户登录后打开的就是重写后的地址,这虽然不影响正常使用,但从用户体验及URL统一的角度,我们更希望是重写前的地址. 之前,我们在开发中也被这个问题困扰,只能尽量通过js重定向至登录页面(通过location.href获取当前网址)或者在代码中

asp.net中利用ajax获取动态创建表中文本框的值_实用技巧

假设现在主表为公司表(公司ID,公司名称,公司类型,公司规模),从表为部门表(部门ID,公司ID,经理,联系电话),现在一个公司有四个部门,要在同一个页面上录入公司信息以及四个部门的信息,如何动态创建部门信息录入口,以及如何获取数据存储到数据库中,请看下面的代码. 页面HTML代码及js脚本 代码 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" Codebehind="Default.

ASP.NET中配合JS实现页面计时(定时)自动跳转_实用技巧

ASP.NET实现页面自动跳转(经测试,在VS2008 C#环境下可通过)   <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo

.NET中利用js让子窗体向父页面传值的实现方法_实用技巧

子页面C#后台代码: 复制代码 代码如下: /// <summary>        /// 将设置好的值赋给父页面        /// </summary>        /// <param name="count">需要传递的值</param>        void SetValueToParentPage(int count, string strPersons)       {           StringBuilder

.NET的DateTime函数获取上个月的起始和截止时间的方法_实用技巧

本文实例讲述了.NET的DateTime函数获取上个月的起始和截止时间的方法.分享给大家供大家参考.具体分析如下: 报表中经常遇到的一个头疼的问题是需要自动选择过去一个月的数据作为当前报表输出.网上查询了一些.NET 的C#例子,发现都实现的比较复杂,其实这个问题可以很简单的通过.NET的DateTime函数来实现,因为.NET中给我们提供了当前天数--System.DateTime.Now.Day函数,还有增加天和月份的AddDays和AddMonth函数. 于是我们可以这样设想,当前时间 -