资讯专栏INFORMATION COLUMN

extjs6.0 treepanel设置展开和设置选中

EastWoodYang / 2377人阅读

摘要:节点展开,图标全部改为小三角默认展开资源树数据集数据集根节点配置根节点默认展开资源文件目录根节点名称访问代理类型异步监听器父节点清空参数点击的时候根据路径查找参数默认展开第一个节点

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()

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54564.html

相关文章

  • extjs6.0 treepanel设置展开设置选中

    摘要:节点展开,图标全部改为小三角默认展开资源树数据集数据集根节点配置根节点默认展开资源文件目录根节点名称访问代理类型异步监听器父节点清空参数点击的时候根据路径查找参数默认展开第一个节点 var treePanel = { id: treeUrl, xtype: treepanel, ...

    leanxi 评论0 收藏0
  • extjs6.0 treepanel设置展开设置选中

    摘要:节点展开,图标全部改为小三角默认展开资源树数据集数据集根节点配置根节点默认展开资源文件目录根节点名称访问代理类型异步监听器父节点清空参数点击的时候根据路径查找参数默认展开第一个节点 var treePanel = { id: treeUrl, xtype: treepanel, ...

    骞讳护 评论0 收藏0
  • 关于Extjs6.0 controller文件过大,实现模块化分离

    摘要:一般都是一个视图对应着一个一旦碰到视图中逻辑过于繁琐造成文件过大不利于维护和修改,所以要通过混入混入功能来实现模块化首先创建一个视图别名然后在你的文件里面开始混入控制器别名这样就可以实现模块化,使之能够根据功能来实现区分了 Extjs一般都是一个视图对应着一个controller 一旦碰到视图中逻辑过于繁琐造成controller文件过大不利于维护和修改,所以要通过混入mixins混入...

    ermaoL 评论0 收藏0

发表评论

0条评论

EastWoodYang

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<