`
leon1509
  • 浏览: 536982 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jsTree中获取节点的属性值!

阅读更多

在jsTree的事件onchange中:

onchange: function(NODE, TREE_OBJ) {
  alert($(NODE).attr("id"));
  alert($(NODE).attr("url"));
  alert($(NODE).children("a").text());
}

 

 

后台返回数据为:

[{"attributes":{"id":1,"url":null,"text":"系统管理","leaf":false},"data":{"title":"系统管理","icon":""},"state":"open","c hildren":[{"attributes":{"id":2,"url":"role/show","text":"角色管理","leaf":true},"data":{"title":"角色管理","icon":""}},{ "attributes":{"id":3,"url":"users/show","text":"操作员管理","leaf":true},"data":{"title":"操作员管理","icon":""}}]}] 

 

 

点击图中的“操作员管理”:



 

 

结果分别为:

[code="javascript"]

3

users/show

操作员管理

[/code]

  • 大小: 2.1 KB
分享到:
评论

相关推荐

    jsTree中文api

    $("#treeContainer").jstree("set_data", "node_id", { "attr": "新属性值" }); ``` ### 5. 移动节点 移动节点涉及`move_node`方法,需要提供源节点ID、目标父节点ID和位置(before, after, inside)。例如: ```...

    jsTree操作 jsTree插件简介

    jsTree 支持多种功能,包括动态加载、异步数据获取、节点的增删改查、搜索、拖放操作以及自定义主题和类型。 **初始化 jsTree** 在使用 jsTree 时,首先需要对元素进行初始化。以下是一个简单的初始化示例: ```...

    jsTree1.0开发技术指南

    【jsTree 1.0 开发技术指南】 jsTree 是一款基于 jQuery 的开源 JavaScript 库,用于构建交互式树状视图。...在使用过程中,理解新的 API 和配置选项是关键,这将有助于更有效地集成和维护 jsTree 应用。

    Tree根据不同节点显示不同右键菜单

    6. **获取节点信息**:为了能够根据节点执行不同的操作,我们需要获取节点的相关信息。这可能是存储在节点的`Tag`属性中,或者通过节点的文本、值或其他标识符获取。 在整个实现过程中,需要注意的是,为了保持良好...

    XML文件修改节点属性值(多种方法)

    这些示例展示了在C#和Python中处理XML文件的不同方式,无论是在C#中使用`XmlDocument`还是在Python中使用`ElementTree`,都能有效地修改XML文件中的节点属性值。理解这些基本操作对于进行XML相关的开发工作至关重要...

    jsTree-ver1.0开发技术指南定义.pdf

    - **方式二**:通过 `jQuery.jstree._reference(needle)` 获取树的引用,然后调用方法,如 `jQuery.jstree._reference(needle).operation_name([argument_1, argument_2, ...])`。 含有下划线 `_` 开头的方法不能...

    jstree创建无限分级树的方法【基于ajax动态创建子节点】

    在本文中,我们将探讨如何使用jstree和AJAX动态地构建无限分级的树形菜单。首先,我们需要了解基本的数据库设计和数据获取方法。 数据库表结构是构建树的基础。在本例中,表`Menu`有两个关键字段:`Id`(主键)和`...

    基于jstree使用JSON数据组装成树

    例如,可以通过$.jstree.plugin.core.data配置项中的data属性来指定树形结构的根节点。如果是异步加载数据,可以设置children属性为false,然后根据需要动态地加载子节点。 除了上述提到的属性之外,开发者还可以...

    vue el-tree 默认展开第一个节点的实现代码

    该属性可以绑定一个数组,数组中的元素对应需要展开的节点的id值。 5. 实例化与数据绑定:通过Vue组件的data属性返回一个对象,该对象包含初始化树形数据(treeData)和定义展开节点id的数组(treeExpandData)。在...

    el-tree-selected-tree

    为了在独立的树中显示这些选中节点,我们需要创建一个新的`el-tree`实例,其`data`属性指向`selectedNodes`。此时,我们需要确保新树的`props`与主树保持一致,以便正确显示节点。同时,为新树添加一个`'node-click'...

    js实现的树tree

    在JavaScript(js)中实现一个树形结构,也称为Tree,是前端开发中常见的需求,尤其是在数据展示、文件系统或组织结构的可视化等方面。这里我们将深入探讨如何利用JS实现一个简洁且可定制化的树结构。 首先,理解树...

    fuelux.tree 自定义属性控件-自定义图标+动态加载数据+添加点击事件

    例如,你可以定义一个 `icon` 属性,并将其值设置为图标类名,这样当 Tree 渲染时,这些类名会被应用到相应的节点上。例如: ```javascript var treeData = [ { text: '父节点', icon: 'glyphicon glyphicon-...

    jQuery循环遍历子节点并获取值的方法

    在jQuery中,我们可以使用`.children()`或`>`(直接子元素选择器)来选取子节点,使用`.each()`进行循环,使用`.find()`来查找特定的子元素,最后使用`.attr()`获取或设置属性值。 下面的JS代码展示了如何实现这个...

    selectTree.rar

    layui的API提供了`form.on('select(name)', callback)`方法监听选择事件,这里的`name`对应`lay-filter`属性值。在回调函数中,我们可以获取到选中的节点信息。以下是一个简单的初始化示例: ```javascript layui....

    Vue代码示例,左边Tree,右边对Tree节点配置子表多条数据

    在Vue.js开发中,构建一个用户界面,常常需要展示层级结构的数据,比如组织结构、文件系统等,这时候Tree组件就显得尤为重要。Vue.js社区提供了许多优秀的Tree组件库,如Element UI、Ant Design Vue等,它们可以帮助...

    js获取Treeview选中的节点(C#选中CheckBox项)

    // 否则,可能需要其他方式获取节点值 } } ``` 为了收集所有选中节点的值,可以创建一个数组`idlist`,并在循环中将选中节点的值推入数组: ```javascript var idlist = new Array(); for (var i = 0; i < tree....

    通过JSONArray 生成2层节点的tree

    每个节点可以表示为一个对象,包含自身的属性(如id、name等)以及一个子节点的`JSONArray`。例如: ```json [ { "id": 1, "name": "父节点1", "children": [ { "id": 2, "name": "子节点1" }, { "id": ...

    vue + element ui工程,Tree 树形控件展示指定值,比如name

    首先,`Tree`组件在Element UI中的基本用法是通过`data`属性来传入节点数据,每个节点数据对象通常包含`label`字段,用于显示节点的文本。然而,根据项目需求,我们可能需要展示其他字段,例如`name`。要实现这一...

    js 实现的树形目录

    一个基本的树节点可能包含以下几个属性: 1. `name`:节点的名称,对应于目录或文件的名称。 2. `children`:一个数组,存储子节点,用于表示子目录或文件。 3. `parent`:父节点的引用,便于遍历和操作。 4. `id`...

    vue Treeselect 树形下拉框:获取选中节点的ids和lables操作

    1. `v-model`:这是Vue.js中的双向数据绑定,用于设置和获取Treeselect组件的当前选中值。在这个例子中,我们将其绑定为`DRHA_EFaultModeTree_value`,它会存储选中节点的ids。 2. `:options`:这是一个包含所有可...

Global site tag (gtag.js) - Google Analytics