【原创】jQuery获取TreeView选中节点的Text和Value值

最新推荐文章于 2021-02-05 15:27:56 发布

转载最新推荐文章于 2021-02-05 15:27:56 发布 · 3.1k 阅读

jquery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在前后端实现TreeView中节点的选择行为，包括节点存在和不存在行为事件时的处理方法，并提供具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、节点存在行为事件

后台代码：

// 子节点
TreeNode childNode = new TreeNode();
                                                  
childNode.Target = "main";
childNode.ShowCheckBox = true;
                                                  
childNode.Value = category.CategoryID;
childNode.Text = category.CategoryName;

前台代码：

//获取节点Text和Value值
function GetNodeInfo() {
    //获取选中的checkbox
    //tv_category：TreeView控件ID
    var objs = $("#tv_category").find(":checkbox:checked");
                                               
    //装载Text和Value
    var select = [];
                                               
    //遍历选中checkbox
    $.each(objs, function() {
                                                   
        //获取列的href
        var href = $(this).next().attr("href");
                                                   
        //获取列的值
        var text = $(this).next().text();
                                                   
        //获得最后一次出现的索引
        var tempindex = href.lastIndexOf("\\") + 1;
                                                   
        //获得截取后的字符串
        var temphref= href.substring(tempindex);
                                                   
        //获得value值
        var hrefvalue = temphref.split('\'');
        var textvalue = text + "|" + hrefvalue[0];
                                                   
        select.push(textvalue);
    });
                                               
    alert(select.join("&"));
    //window.returnValue = select.join("&");
    //window.close();
}

2、节点不存在行为事件

后台代码：

//子节点
TreeNode childNode = new TreeNode();
                                     
childNode.Target = "main";
childNode.ShowCheckBox = true;
//设置节点行为为空
childNode.SelectAction = TreeNodeSelectAction.None;
//將value赋值给NavigateUrl便于前台href取值
childNode.NavigateUrl = category.CategoryID;
                                     
childNode.Value = category.CategoryID;
childNode.Text = category.CategoryName;

前台代码：

//获取节点Text和Value值
function GetNodeInfo() {
    //获取选中的checkbox
    var objs = $("#tv_category").find(":checkbox:checked");
                                       
    //装载Text和Value
    var select = [];
                                     
    //遍历选中checkbox
    $.each(objs, function() {
                                             
        //获取列的value
        var value = $(this).next().attr("href");
                                             
        //获取列的值
        var text = $(this).next().text();
                                             
        //Text和Value值
        var textvalue = text + "|" + value;
                                             
        select.push(textvalue);
    });
                                     
    alert(select.join("&"));
    //window.returnValue = select.join("&");
    //window.close();
}