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

骞讳护发布于2019-08-30 15:53 / 296人阅读

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

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

服务器托管专线服务 php设置日期和时间在阿里云服务器下设置apache和iis共用80端口详细步骤 treepanel 设置云服务器防火墙设置在哪里设置

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

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

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

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

EastWoodYang 2019-08-02 16:03 评论0 收藏0
extjs6.0 treepanel设置展开和设置选中

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

leanxi 2019-08-22 18:11 评论0 收藏0
extjs6.0 treepanel设置展开和设置选中

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

alighters 2019-08-05 14:13 评论0 收藏0
关于Extjs6.0 controller文件过大，实现模块化分离

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

ermaoL 2019-08-22 18:00 评论0 收藏0
关于Extjs6.0 controller文件过大，实现模块化分离

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

李昌杰 2019-08-05 14:08 评论0 收藏0