extjs6.0 treepanel设置展开和设置选中
var treePanel = {
id: "treeUrl",
xtype: "treepanel",
useArrows: true, // 节点展开+,-图标全部改为小三角
expanded: true, // 默认展开
region: 'west',
width: "40%",
border: false,
bodyBorder: false,
autoScroll: true,
/** 资源树(数据集) */
store: {
storeId: 'Resources', // 数据集ID
root: { // 根节点配置
id: '1', // 根节点ID
expanded: true, // 默认展开
text: '资源文件目录' // 根节点名称
},
proxy: { // 访问代理
type: 'ajax', // 类型异步
api: {
read: 'catalog/tree?type=fpd'
}
}
},
/** 监听器 */
listeners: {
render: function () {
if (JSON.stringify(movementChild.select) != "{}") {
var _url = movementChild.select.localUrl.split("/");
var childUrl = _url.pop()
// 父节点id
var parentUrl = _url.join("/")
this.expandPath(parentUrl, 'id');
var myThis = this;
var num = 0;
var time = setInterval(function () {
num++;
if (myThis.getSelectionModel().select(myThis.getStore().getNodeById(childUrl)) != undefined || num > 5) {
clearInterval(time)
} else {
myThis.getSelectionModel().select(myThis.getStore().getNodeById(childUrl))
}
}, 100)
me.treeAjax(movementChild,movementChild.select,"render")
}
},
itemclick: function (_this, _record) {
// 清空参数
if (_record.data.leaf) {
movementChild.select["localUrl"] = Ext.getCmp("leftresource").getController().getIdPath(_record);
movementChild.select["serverPath"] = _record.data.node.path;
movementChild.select["text"] = _record.data.text;
//点击的时候根据路径查找参数
me.treeAjax(movementChild,_record,"click")
}
},
}
},
},
treepanel 默认展开第一个节点
this.getRootNode().firstChild.expand()
extjs6.0 treepanel设置展开和设置选中的更多相关文章
- ztree设置节点checked,选中某节点等相关操作
ztree设置节点checked,选中某节点等相关操作 1.根据id获取树的某个节点: var zTree = $.fn.zTree.getZTreeObj("mytree"); ...
- Installshield设置feature为必须选中状态,即必定安装状态
原文:Installshield设置feature为必须选中状态,即必定安装状态 上一篇: 解决卸载时残留目标文件夹的问题Installation Designer --> Organizati ...
- ASP.NET MVC2.0学习笔记:路由设置
Route设置 在 <Professional in ASP.NET MVC2.0>一书的第四章,主要讲述了Route的简单设置.格式化设置.约束设置.区域路由.匹配文件.路由调试以及对R ...
- 利用jQuery动态设置单选框的选中
一.需要实现的效果 这里使用jQuery来实现.需要实现的效果如下:当下拉条改变时,单选框选中的值随之变化. <!DOCTYPE html> <html> <head&g ...
- CSS设置文字不能被选中
/*设置文字不能被选中 以下为css样式*/ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; us ...
- js设置下拉框选中后change事件无效解决
下拉框部分代码: <select id="bigType"> <option value="">请选择</option> & ...
- NPOI2.2.0.0实例详解(十)—设置EXCEL单元格【文本格式】 NPOI 单元格 格式设为文本 HSSFDataFormat
NPOI2.2.0.0实例详解(十)—设置EXCEL单元格[文本格式] 2015年12月10日 09:55:17 阅读数:3150 using System; using System.Collect ...
- 【css】CSS设置文字不能被选中
CSS设置文字不能被选中 /*设置文字不能被选中 以下为css样式*/ -webkit-user-select:none; -moz-user-select:none; -ms-user-select ...
- jquery设置bootstrap-table的当前选中页码的获取与设置
一.获取当前table分页的页码 有两种方式可以获得当前选中的页码: 1.通过table的onPageChange方法 $('#agentTable').bootstrapTable({ data: ...
随机推荐
- php count_chars()函数 语法
php count_chars()函数 语法 作用:返回一个字符串,包含所有在字符串中使用过的不同字符.直线电机选型 语法:count_chars(string,mode) 参数: 参数 描述 str ...
- JavaScript 常用的技术(陆续更新)
截取字符串(指定长度) var str = "abc-110001"; //str.substring(起始位置(0开始),截取的长度) str.substring(0,4); / ...
- python-zx笔记11-测试压力管理
一.添加测试用例 calculator.py class Math: def __init__(self,a,b): self.a = int(a) self.b = int(b) def add(s ...
- Jquery取得Iframe中的元素
DOM方法: 父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document ...
- js+html实现玫瑰花绽放
玫瑰花示例demo: <!DOCTYPE html> <html> <head> <title>玫瑰花</title> <meta c ...
- 全国地区sql表
/** * 中国省市区--地区SQL表 */ CREATE TABLE `rc_district` ( `id` smallint(5) unsigned NOT NULL AUTO_INCREMEN ...
- 圆周运动的css3特效案例
<!doctype html><html lang="zh-cn"><head> <meta charset="UTF-8&qu ...
- php中的构造函数与析构函数
PHP面向对象——构造函数.析构函数 __construct.__destruct__construct 构造方法,当一个对象创建时调用此方法,使用此方法的好处是:可以使构造方法有一个独一无二的名称, ...
- Vagrant 入门 - 清理(teardown)
原文地址 我们现在有一个功能齐全的虚拟机,可以用于基本 Web 开发.但如果现在需要更换设备,或者在另一个项目上工作,如何清理我们的开发环境? 借助 Vagrant,可以暂停(suspend),停止( ...
- 解决BootstrapTable设置height属性后,表格不对齐的问题
解决BootstrapTable设置height属性后,表格不对齐的问题 2018年03月06日 09:56:54 nb7474 阅读数 5920 一般在使用BootstrapTable 插件 ...