easyui的tree节点的获取和选中

1.设置选中tree的节点

var node = $(‘#tt‘).tree(‘find‘, 1);//找到id为”tt“这个树的节点id为”1“的对象
$(‘#tt‘).tree(‘select‘, node.target);//设置选中该节点

2.获取选中节点的值

$("#tt").tree(‘getSelected‘).id

$("#tt").tree(‘getSelected‘).text

3.通过子节点获取父节点

var nodePar = $(”#tt“).tree("getParent",node.target);

4.获取指定节点下的所有子节点

var nodes = $("#tt").tree("getChildren");

如果要对所有子节点遍历,可以使用

$(nodes).each(function(k,v){...});

时间: 2024-10-16 07:51:32

easyui的tree节点的获取和选中的相关文章

ztree获取当前选中节点子节点id集合的方法(转载)

本文实例讲述了ztree获取当前选中节点子节点id集合的方法.分享给大家供大家参考.具体分析如下: 要求:获取当前选中节点的子节点id集合. 步骤: 1.获取当前节点 2.用ztree的方法transformToArray()获取当前选中节点(含选中节点)的子节点对象集合. 3.遍历集合,取出需要的值. treeNode:当前选中节点对象 function getChildNodes(treeNode) { var naviTree = $.fn.zTree.getZTreeObj(zTreeI

zTree实现获取当前选中的第一个节点在同级节点中的序号

1.实现源码 <!DOCTYPE html> <html> <head> <title>zTree实现基本树</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href=&

easyui获取datagrid选中的ids

//获取datagrid选中的ids,逗号分隔,用于删除或编辑行操作 /* *_MyDataGrid为datagrid文本对象,keyId是业务主键名 */ function getSelectId(_MyDataGrid, _keyId) { var _s = _MyDataGrid.datagrid('getSelections'), _ids = ''; for (var i in _s) { var $id = _s[i][_keyId]; //主键ID if ($id) { _ids

20.easyUI之Tree

1.静态ul+li方式实现 1 <div data-options="region:'center',title:'FastQ'" 2 style="overflow: hidden;"> 3 <ul id="tt" class="easyui-tree"> 4 <li><span>中国</span> 5 <ul> 6 <li><span

项目实践——Easyui中tree的使用

树状结构在项目中必不可少,这篇博客来学习一下Easyui的tree. 前台JSP <span style="font-size:14px;"><body> <div id="leftDiv" class="easyui-layout" fit="true"> <div region="center" border="false" border=&

如何将数据库中存的树转化为树形列表(以easyui的tree为例)

很多时候,我们会把一棵树存放到数据库中,当前台需要展示一个树形列表时,将这棵树读取出来并显示,这个过程是怎么实现的呢? 这篇文章是以构造一棵easyui前台框架的一个树形列表为例,后台框架是spring MVC+JPA. 首先看一下数据库中这颗树是怎么存的: 树的结构一目了然,这是一棵表示部门的树. 下面是实体类: /** * 部门类 用户所属部门(这里的部门是一个相对抽象的词) * 使用前缀编码,每级增加三个数字,如:第一级 001,第二级001001,第三级001001001 * @auth

EasyUI之tree组件与treegrid组件

最近做了一个使用EasyUI的基于角色的权限分配系统,在这个过程中为了有更好的用户体验(也在网上找了挺多关于该系统的界面),先上我做的截图: 虽然,后台的逻辑上并不难,但是这个EasyUI的tree组件和treegrid组件,确实让我废了一大把力气>>好了废话不多说,开始正题: 一:tree组件 每个节点都具备以下属性: id:节点ID,对加载远程数据很重要. text:显示节点文本. state:节点状态,'open' 或 'closed',默认:'open'.如果为'closed'的时候,

做权限树时 使用EasyUI中Tree

符合EasyUI中Tree的Json格式,我们先看一下,格式是如何的 <span style="font-size:18px;">[{ "id":1, "text":"My Documents", "children":[{ "id":22, "text":"Photos", "state":"closed

jQuery easyui的tree用法

由于easyui这个框架简化了不少开发过程,经常被拿来开发后台,但是其实有一个树型的控件,用起来稍微复杂一点,总结了一下最基本的用法! 首先是前台添加标签如下: <ul id="tt"> </ul> 其次添加引用包 <link href="~/Content/jquery-easyui-1.3.6/themes/default/easyui.css" rel="stylesheet" /> <link h