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设置展开和设置选中的更多相关文章

  1. ztree设置节点checked,选中某节点等相关操作

    ztree设置节点checked,选中某节点等相关操作 1.根据id获取树的某个节点: var zTree = $.fn.zTree.getZTreeObj("mytree"); ...

  2. Installshield设置feature为必须选中状态,即必定安装状态

    原文:Installshield设置feature为必须选中状态,即必定安装状态 上一篇: 解决卸载时残留目标文件夹的问题Installation Designer --> Organizati ...

  3. ASP.NET MVC2.0学习笔记:路由设置

    Route设置 在 <Professional in ASP.NET MVC2.0>一书的第四章,主要讲述了Route的简单设置.格式化设置.约束设置.区域路由.匹配文件.路由调试以及对R ...

  4. 利用jQuery动态设置单选框的选中

    一.需要实现的效果 这里使用jQuery来实现.需要实现的效果如下:当下拉条改变时,单选框选中的值随之变化. <!DOCTYPE html> <html> <head&g ...

  5. CSS设置文字不能被选中

    /*设置文字不能被选中     以下为css样式*/ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; us ...

  6. js设置下拉框选中后change事件无效解决

    下拉框部分代码: <select id="bigType"> <option value="">请选择</option> & ...

  7. NPOI2.2.0.0实例详解(十)—设置EXCEL单元格【文本格式】 NPOI 单元格 格式设为文本 HSSFDataFormat

    NPOI2.2.0.0实例详解(十)—设置EXCEL单元格[文本格式] 2015年12月10日 09:55:17 阅读数:3150 using System; using System.Collect ...

  8. 【css】CSS设置文字不能被选中

    CSS设置文字不能被选中 /*设置文字不能被选中 以下为css样式*/ -webkit-user-select:none; -moz-user-select:none; -ms-user-select ...

  9. jquery设置bootstrap-table的当前选中页码的获取与设置

    一.获取当前table分页的页码 有两种方式可以获得当前选中的页码: 1.通过table的onPageChange方法 $('#agentTable').bootstrapTable({ data: ...

随机推荐

  1. php count_chars()函数 语法

    php count_chars()函数 语法 作用:返回一个字符串,包含所有在字符串中使用过的不同字符.直线电机选型 语法:count_chars(string,mode) 参数: 参数 描述 str ...

  2. JavaScript 常用的技术(陆续更新)

    截取字符串(指定长度) var str = "abc-110001"; //str.substring(起始位置(0开始),截取的长度) str.substring(0,4); / ...

  3. python-zx笔记11-测试压力管理

    一.添加测试用例 calculator.py class Math: def __init__(self,a,b): self.a = int(a) self.b = int(b) def add(s ...

  4. Jquery取得Iframe中的元素

    DOM方法: 父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document ...

  5. js+html实现玫瑰花绽放

    玫瑰花示例demo: <!DOCTYPE html> <html> <head> <title>玫瑰花</title> <meta c ...

  6. 全国地区sql表

    /** * 中国省市区--地区SQL表 */ CREATE TABLE `rc_district` ( `id` smallint(5) unsigned NOT NULL AUTO_INCREMEN ...

  7. 圆周运动的css3特效案例

    <!doctype html><html lang="zh-cn"><head> <meta charset="UTF-8&qu ...

  8. php中的构造函数与析构函数

    PHP面向对象——构造函数.析构函数 __construct.__destruct__construct 构造方法,当一个对象创建时调用此方法,使用此方法的好处是:可以使构造方法有一个独一无二的名称, ...

  9. Vagrant 入门 - 清理(teardown)

    原文地址 我们现在有一个功能齐全的虚拟机,可以用于基本 Web 开发.但如果现在需要更换设备,或者在另一个项目上工作,如何清理我们的开发环境? 借助 Vagrant,可以暂停(suspend),停止( ...

  10. 解决BootstrapTable设置height属性后,表格不对齐的问题

    解决BootstrapTable设置height属性后,表格不对齐的问题 2018年03月06日 09:56:54 nb7474 阅读数 5920     一般在使用BootstrapTable 插件 ...