如何在jstree中获取选定节点的文本

2024-06-21

我有一个如下所示的 jstree

并将代码放在我的脚本中

$("#jstree").click(function (e) {
    var node = $("#jstree").jstree('get_selected');
    $('#resultText').html(node);
});

我需要的是,如果我选择书籍、标题、价格,我需要将输出显示为书名价格。通过使用上面的代码我可以得到id即。我选择的节点的 1-1_1-1_2 但我怎样才能得到text上述格式中所选节点的 s?

jstree 集成的完整代码。

@model List<XMLNodeSearch.Models.NodeSearchModel>
<link href="~/vakata-jstree-8ea6ce7/dist/themes/default/style.min.css"     rel="stylesheet" />
<script src="~/Script/jquery-1.12.0.min.js"></script>
<script src="~/vakata-jstree-8ea6ce7/dist/jstree.min.js"></script>
<script src="~/vakata-jstree-8ea6ce7/dist/jstree.js"></script>

<script>
   $(function () {
   $('#jstree').jstree();
   $("#jstree").click(function (e) {
   var node = $("#jstree").jstree('get_selected').text();//This line with text() will throw an error
   $('#resultText').html(node);
  });
</script>

<section>
<label>Result - <span id="resultText"></span></label>
<div id="NodeResult">
    @if (Model != null)
    { 
        <div id="jstree">
            @foreach (var treeNode in Model)
            {
                <!-- in this example the tree is populated from inline HTML -->
                <ul>
                    <li id="@treeNode.Id">@treeNode.NodeName
                        @if(treeNode.ChildNode.Count() > 0)
                        {
                            <ul>
                                @foreach (var childNd in treeNode.ChildNode)
                                {
                                    <li id="@childNd.Id">@childNd.NodeName</li>
                                }
                            </ul>
                        }
                    </li>
                </ul>
            }
        </div>
    }
</div>
</section>

回答有点晚了,但无论如何都会发布。

这只会获取 id。

$('#tree_container').jstree('get_selected')

这应该得到文本。

$('#tree_container').jstree('get_selected', true)[0].text;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在jstree中获取选定节点的文本 的相关文章

  • checkbox的jsTree的一个调用

    lt DOCTYPE HTML PUBLIC 34 W3C DTD HTML 4 01 Transitional EN 34 gt lt html gt lt head gt lt meta http equiv 61 34 Content
  • JsTree 打开一个节点然后选择一个子节点(使用json_result)

    我在 MVC2 项目中使用的 JsTree 遇到问题 我想创建一个函数来取消选择 关闭树上的所有节点 然后打开一个特定的节点 并选择一个特定的子节点 我有两个节点的 Id 值 问题是 select node 总是在 open node 完成
  • Jstree:dblclick 绑定参数数据未定义

    我尝试使用好的库jstree但我有一些奇怪的问题dblclick捆绑 这是我的代码 basic html jstree themes url http mywork shinframework shinfw themes redmond c
  • 如何将节点从 div 拖放到 JStree 上? (jstree版本:3.0.4)

    使用以下代码 我可以将 JSTree 节点拖放到 div 上 然后该节点将从 jstree 中删除 我将所有删除的 jstree 节点存储在 mapOfRemovedNodes 对象中 其中节点 id 是 KEY 节点对象本身是 VALUE
  • jsTree如何更改ajax url并重新加载数据

    jstree demo div2 jstree core data url tree ashx id id dataType json needed only if you do not supply JSON headers checkb
  • 从嵌套集生成 JSON(perl、sql、jquery)

    我在数据库中有内容页面 使用嵌套集 我需要通过 jQuery jsTree 插件显示它 需要返回带有如下数据的 JSON data node1Title children data subNode1Title children data s
  • jstree create_node 的参数

    您能给我这个函数的参数列表和使用示例吗 treepanel jstree create node 恕我直言 jsTree 很强大 但文档还有待改进 create node 函数已记录here https www jstree com api
  • 单击 jstree 时更改图标

    我有使用 jstree 插件的代码 gems tree on changed jstree function event data console log folder clicked 它可以工作 但现在我想将文件夹的图标更改为关闭以打开
  • jstree 移动、拖放

    我想实现 jstree 中节点的移动功能 是需要实现的移动还是拖放 另外 最好有将容器绑定到事件的工作代码和事件代码 如果您不需要强制执行任何移动规则 不允许某些节点移动到其他节点等 则只需使用 dnd 插件 如果您需要强制执行移动规则 可
  • jsTree - 渲染优化|具有 2000 个节点的超长渲染

    我正在使用 jsTree 1 0 rc3 以及通过 AJAX 加载数据的选项 并且在通过它加载大约 2000 个子节点时遇到问题 虽然服务器会在几秒钟内响应 但 jsTree 仅需要大约 40 秒才能在浏览器 chrome FF 中呈现结果
  • jsTree - 通过ajax按需加载子节点

    我正在尝试让 jsTree 能够按需加载子节点 我的代码是这样的 jQuery introspection tree jstree json data ajax url http localhost introspection intros
  • 获取jstree的已检查节点ID列表[重复]

    这个问题在这里已经有答案了 我是新来的jstree and jQuery并且在我的测试树中进行节点检查时遇到了一些问题 用户首先应勾选自己需要的节点 然后点击 概括 按钮以获取警报窗口中已检查节点的 ID 列表 我还想导出 ID 列表以供进
  • jstree中如何回滚无法移动的节点

    我试图弄清楚如何仅回滚未成功移动的文件夹节点 下面的代码是我正在尝试做的事情的示例 当您选择了几个文件夹并将它们移动到另一个文件夹中时 就会出现问题 如果其中一个目录无法移动 我希望能够将其回滚到其原始父目录 很遗憾 jstree roll
  • 我可以在按钮单击时显示/创建 jsTree 吗?

    我有一个divid result 我用它来显示用户操作的结果 我也放了纯文本和html 每次用户操作后 该 div 都会被新的覆盖results 现在我想在这个 div 中显示一个实例jsTree http www jstree com 我
  • CSS 布局:2 列固定流体(再次)

    我正在尝试设置一个 2 列布局 其中左侧区域是固定的 主要内容是流动的 我在这里看到了几个答案 它们往往有效 然而 当我在 左侧 区域使用 jsTree 并在主 内容区域使用 jQuery UI 选项卡时 会出现一些奇怪的行为 html d
  • 在 jsTree 上下文菜单中创建自定义项目

    我在 asp net mvc3 中使用 jsTree 和 contextmenu 创建一个树视图 div ul li a href class usr Model Name a Html Partial Childrens Model li
  • JSTree - 如何强制用户只选择树的叶子

    在我的 JStree 中 我希望用户只能选择树的叶子 例如 没有子节点的节点 我的想法是绑定 select 事件并手动检查所选节点是否有子节点 然后相应地选择 不选择该节点 有没有更简单的方法 或者这个明显的解决方案是唯一的吗 2014 版
  • 如何让 jstree 节点显示长的、可能是多行的内容?

    当使用jsTree插件 http www jstree com 我需要有一个显示其完整内容的节点 目前 每个节点仅显示大约一行文本 如何让 jsTree 中的节点显示节点中的所有文本而不截断节点的内容 下面的 CSS 代码就可以解决这个问题
  • 有一个带有复选框的 jsTree,如何禁用所有复选框?

    我有一个动态构建的 jsTree 它允许用户选择他选择的任何节点 现在我试图使这棵树只读 以便其他用户可以看到信息而不改变它 我找到的所有示例都是关于禁用特定节点 我的问题是 有没有办法将树上的所有复选框定义为只读 正在使用的代码 jQue
  • 单击 jstree 节点,以该节点为根重建树

    我认为这个主题相当明确 我是 jstree 新手 并尝试解析文档 但我得到了 有点被这个问题困扰了 我有以下代码 tree jstree json data data tree company themes theme smb dots f

随机推荐

  • 研究缓冲区溢出时应该使用哪些版本的 GCC 或标志?

    最近 作为计算机工程专业的本科生 我一直在研究缓冲区溢出 出于兴趣 我开始研究缓冲区溢出 但在尝试在我的计算机上用 GCC 4 9 1 在 Debian Jessie 中 编译的我自己的 C 程序中实现它们时遇到了困难 我听说较新的编译器中
  • 作为应用函子(Haskell / LYAH)

    第11章向你学习 Haskell引入以下定义 instance Applicative gt r where pure x gt x f lt gt g x gt f x g x 在这里 作者进行了一些不寻常的挥手 的实例实现有点神秘 所以
  • SSL 与 Ruby on Rails

    我需要做什么才能让我的 Ruby on Rails 应用程序获得使用 https 的流量 我安装了证书 如果我在访问网站时在地址栏中手动输入 https 则会出现小锁图标 但只需在浏览器中手动访问 www example app com 即
  • 用于绘制音符的库[关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我正在寻找一个可以以某种方式在屏幕上绘制音符的 Windows 库 我将使用它用 C 编写一个应用程序
  • Tensorflow:ValueError:形状必须具有相同的等级,但为 0 和 2

    我在乘以 x1 Wo1 时遇到形状错误 但我找不到原因 错误 ValueError 形状必须具有相同的等级 但为 0 和 2将形状 0 与其他形状合并 对于 add 2 x 操作 Pack 输入形状 20 1 import tensorfl
  • 循环检查文本框是否不为空

    我试着For循环遍历表单上的所有控件以检查 TextBox 是否为空 然后将焦点放在第一个空文本框上 我的 Excel VBA 表单有 34 个文本框 现在它有一个嵌套的If检查所有文本框是否不为空的函数 如果还有空的 SetFocus第一
  • 在 sqlplus 中执行 plsql 时将错误消息重定向到日志文件

    在 sqlplus 中执行 PL SQL 程序时 需要一种将 PL SQL 程序错误消息重定向到日志文件的方法 假设 PL SQL 程序名为send 2012 sql它有以下异常块 EXCEPTION WHEN NO DATA FOUND
  • 无法调用 Node.js 中 ES6 定义的类中的方法 [重复]

    这个问题在这里已经有答案了 我正在使用 Node js Express js 和 MongoDB 制作一个应用程序 我正在使用 MVC 模式 并且还有单独的路由文件 我正在尝试创建一个控制器类 其中一个方法调用其中声明的另一个方法 但我似乎
  • 循环内的 JavaScript 闭包 – 简单的实际示例

    var funcs let s create 3 functions for var i 0 i lt 3 i and store them in funcs funcs i function each should log its val
  • 使用 clojure read/read-string 函数,我如何将 .clj 文件读入对象列表

    正如标题 如果我这样做 read string slurp somefile 这只会给我文件中的第一个对象 这意味着如果 somefile 如下所示 a obj b obj 然后我只得到 a obj 作为结果 我如何获得所有对象的列表 像这
  • 我可以使用 WGET 生成给定 URL 的网站的站点地图吗?

    我需要一个可以抓取网站并以纯文本或类似格式返回所有已抓取页面的列表的脚本 我将把它作为站点地图提交给搜索引擎 我可以使用 WGET 生成网站的站点地图吗 或者有没有一个 PHP 脚本可以做同样的事情 wget spider recursiv
  • Java中的对象池模式

    所以我实现了自己的对象池模式 它工作得很好并且符合预期 从列表中返回我的 老师 对象 并在没有对象时创建它们 我的问题 返回的对象 Teacher 然后需要被转换为它的专门子类之一 例如 生物老师 获得这种功能的最佳方法是什么 编辑 抱歉
  • 基于mysql表中唯一电子邮件地址的唯一代码?

    我有一个 mysql 表 它将存储用户电子邮件地址 每个地址都是唯一的 并且是主字段 和时间戳 我添加了另一列名为 unique code varchar 64 utf8 unicode ci 我非常感谢您提供的帮助 a 生成5位字母数字代
  • 空 catch 与 try-catch 语句中的“catch Exception”相同吗?

    try catch Exception 我可以写吗 try catch 这在 C NET 3 5 中可以吗 代码看起来更好 但我不知道是否相同 他们是not一样的 catch Exception 将仅捕获托管异常 catch 也会捕获非 C
  • Coldfusion:使用 SSL 加密页面 (https://) 的 CFHTTP - 出现错误

    我正在制作 cfhttp 来连接到加密页面 似乎在某些网站上工作得很好 I O Exception Name in certificate pro test com does not match host name go test com
  • 为什么 toDataURL 在移动设备上无法获取画布内容?

    我正在尝试从画布中获取图像 它可以在电脑浏览器上运行 但不能在移动设备上运行 我在 iPhone 上的 Safari 中进行了测试 这是代码 draw click function drawing css visibility visibl
  • iOS - UIBarButtonItem - 后退按钮标题垂直位置不调整

    我正在设置自定义字体UIBarButtonItem对象使用UIAppearance 这工作正常并正确设置字体 但是 我确实需要调整按钮标题的垂直位置以适应新字体的大小 UIBarButtonItem appearance setTitleT
  • 类继承通用字典和Interface

    我有一个继承通用字典和接口的类 public class MyDictionary Dictionary
  • 集合类型名称中的“1”是什么

    我想知道 1 在集合类型名称中意味着什么 例如 List 1 IList 1 有人知道那是什么吗 The backtick表示 泛型类型的名称以反引号 后跟数字结尾 表示泛型类型参数的数量 这样做的目的 名称重整是为了允许编译器支持泛型类型
  • 如何在jstree中获取选定节点的文本

    我有一个如下所示的 jstree 并将代码放在我的脚本中 jstree click function e var node jstree jstree get selected resultText html node 我需要的是 如果我选