js 获取treeview节点的Text和value值

zhifuwang 2009-06-24 03:09:37

我有一个带checkbox的treeview，现在想用js实现选中checkbox返回对应的节点Text和value值，哪位大哥有好的思路提供一下？谢谢

...全文

677 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

swp0814 2009-06-24

打赏
举报

告诉你一个很好的树实例你可以根据它的例子做出你想要的树及取值
百度 “DHtmlXTree 实例”

lovelan1748 2009-06-24

打赏
举报

恩，等会的来，很愁前台的东西啊

cxy0303 2009-06-24

打赏
举报

我有一个想法，你在c#里面取到，然后传到js里面去，不知道适合你不

简森 2009-06-24

打赏
举报

我这里不是js获取

 

    /// <summary>

    /// 获取TreeView选中的CheckBox。

    /// </summary>

    /// <param name="nodeschk">TreeView节点集合</param>

    /// <returns>选中CheckBox的value</returns>

    private string TreeChecked(TreeNodeCollection nodeschk)

    {

        foreach (TreeNode td in nodeschk)

        {

            if (td.Checked)

            {

                chkString += td.Value + ",";

            }

            if (td.ChildNodes.Count > 0) TreeChecked(td.ChildNodes);

        }

        return chkString;

    }

scyinhui 2009-06-24

打赏
举报

UP一下,我也在找这个问题的答案

dafuw 2009-06-24

打赏
举报

分析生成的html代码。。

在实际项目中，遇到一个问题，首先弹出一个新窗口，新窗口中放了一个TreeView控件，TreeView控件的数据绑定在我的上一篇随笔(TreeView绑定XML数据源C#代码示例)中有讲到，现在要解决的是，如何单击TreeView中一个节点，返回Text和Value到父页面并关闭该新窗口。首先，在后台代码中为TreeView添加属性onclick以支持TreeView的客户端事件，代码如下：代码如下: if (!IsPostBack) { TreeView1.Attributes.Add(“onclick”, “ReturnValue()”);//ReturnValue为javascri

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

jqgrid通用编辑规则使用 editoptions ，主要用于定义勾选或者未勾选时的值，例如editoptions: { value:"Yes:No" } <input type="checkbox" value="Yes" offval="No".../> 当value为yes，checkbox被勾选，否则未勾选。值将会作为参数传递到jqGrid配置的editurl中。下载文件 <html> <head> <meta charset="UTF-8"> </head> <body>

要下载的文件

get.txt </body> </html> 测试文件：test3/minmin/download.html 点击图片翻转显示文字点击图片，则调用changePage方法 [removed] $(function () { $('.pagination li').click(changePage); $('.portfolio-item').magnificPopup({ type: 'image', gallery:{ enabled:true } }); }); [removed] 切换图片移除图片，显示当前的div function changePage(event) { var pageNo = $(this).html(); $('.portfolio-page').hide();//实现图片的隐藏 $('#page-' + pageNo).fadeIn();//以渐退的方式隐藏 $('.pagination li').removeClass('active');//removeClass() 方法从被选元素移除一个或多个类。 $(this).addClass('active'); //addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。 } 测试文件：test3/flip项目统计 data-percent 显示的信息为圆形统计，不需要添加额外图像文件 //canvas将百分比以图形的形式显示出来 var initPieChart = function() { $('.percentage').easyPieChart({ barColor: '#BF1F42', trackColor: '#1E4598', scaleColor:false, lineCap: 'round', lineWidth:50, borderRadius:0, animate: 1000, size:395 }); } //初始化饼图 $(function(){ initPieChart(); }); 测试文件：test3/tongji.html 星际评分条分为十分制和百分制 function rat(star,result,m){ star= '#' + star; result= '#' + result; $(result).hide();//将结果DIV隐藏 $(star).raty({ hints: ['10','20', '30', '40', '50','60', '70', '80', '90', '100'], path: "css/img", starOff: 'star-off-big.png', starOn: 'star-on-big.png', size: 24, start: 40, showHalf: true, target: result, targetKeep : true,//targetKeep 属性设置为true，用户的选择值才会被保持在目标DIV中，否则只是鼠标悬停时有值，而鼠标离开后这个值就会消失 click: function (score, evt) { //第一种方式：直接取值 alert('你的评分是'+score*m+'分'); } }); } 测试文件：test3/rankScore/index.html 树形结构 var dataSource1 = function(options, callback){ var $data = null if(!("text" in options) && !("type" in options)){ $data = tree_data;//树的根节点 callback({ data: $data }); return; } else if("type" in options && options.type == "folder") { if("additionalParameters" in options && "children" in options.additionalParameters) $data = options.additionalParameters.children || {};//给父节点绑定子节点 else $data = {}//no data } if($data != null)//此setTimeout仅用于模仿一些随机延迟 setTimeout(function(){callback({ data: $data });} , parseInt(Math.random() * 500) + 200); } 测试文件：test3/treeview.html