`
junjun16818
  • 浏览: 104139 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext Tree与 store 操作

 
阅读更多
 

//获取 json 文件的数据

var treestore = Ext.create('Ext.data.TreeStore', {
        root: {
            expanded: true
        },
        proxy: {
            type: 'ajax',
            url: 'tree-data.json'
        }
});

//创建panel
var treePanel = Ext.create(Ext.tree.TreePanel,{
        // renderTo: Ext.getBody(),
        title:'静态分析',
        split: true,
        rootVisible: false,
        autoScroll: true,
        store:treestore

});

//下面是 操作treeStore的方法

var rootNode = treestore.getRootNode();
var root = rootNode.childNodes;  // 这样就取得了array 类型的跟节点
var childs = root[0].childNodes;   // 这样就获取到了
root的子节点 


需要注意的是 在treestore.getRootNode(); 执行的时候 获取json文件因为是异步执行 数据没有载入到store内
就获取root 而 root为空  解决办法是  为treestore 加入监听事件

listeners:{
       'load':function(){
                alert(this);
       }
}

这下子就可以正常获取到数据了


分享到:
评论
1 楼 hzxlb910 2012-12-20  
怎么没有源码下载呢

相关推荐

    Ext 开发指南 学习资料

    8.5.5. 反向操作,ext把json变成字符串 8.6. 小声说说scope 8.7. 菜单和工具条 8.7.1. 至简至廉的菜单 8.7.2. 丰富一点儿的多级菜单 8.7.3. 单选多选,菜单里搞这套 8.7.4. 小把戏,定制好的菜单 8.7.5. SplitButton...

    EXT核心API详解

    35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 38、Ext.data.Tree类 …………………… 34 39、Ext.data.Node类 ………………… 34 ...

    Ext+JS高级程序设计.rar

    6.3.2 在tree中使用Ext.Direct 181 6.3.3 为grid设置DirectStore 183 6.3.4 在form中使用Ext.Direct加载数据 185 6.3.5 在form中使用Ext.Direct提交数据 187 6.3.6 使用polling方式进行轮询 189 6.4 本章小结 191 第...

    Ext Js权威指南(.zip.001

    7.5.11 树节点:ext.data.nodeinterface与ext.data.tree / 364 7.5.12 store的方法 / 366 7.5.13 store的事件 / 368 7.5.14 store管理器:ext.data.storemanager / 369 7.6 综合实例 / 369 7.6.1 远程读取json...

    ext实例 左边是 tree 右边是grid 双击grid弹出form修改

    非常珍贵的初学者资源,详细的使用了ext的各种常用组件和类库,例子完完整整,能运行,数据库资源直接在配置文件里面写就行,是那种就换成什么,非常方便大家使用和参考。

    Ext 3.0 中文文档.zip

    Ext3.0中文文档详细介绍了Ext各个功能点的内容,包括常用的Store、Data、render、Grid、Form、Tree等。

    tree with tab

    var westPanel = Ext.create('Ext.tree.Panel', { title : '菜单', region : 'west', margins : '0 5 0 0', width : 200, store : store1, rootVisible : false, listeners : { ...

    精通JS脚本之ExtJS框架.part1.rar

    10.12 表格与树形的结合——Ext.ux.tree.ColumnTree 第11章 其他布局类简介 11.1 标准布局类 11.1.1 折叠布局——AccordionLayout 11.1.2 边框布局——BorderLayout 11.1.3 卡片式布局——CardLayout 11.1.4 ...

    Ext2.0本地模式动态修改combobox选择项

    这次只单独打包了本例子的html文件,大家注意一下js和css的路径就可以了

    Extjs exporter

    Well, here's an exporter that can export a grid, tree or simply a store to excel. It's a fork from another project, I adapted it to work with ExtJs 4, using the new class system and fixed a couple of...

    ExtJS入门教程(超级详细)

    35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 38、Ext.data.Tree类 …………………… 34 39、Ext.data.Node类 ………………… 34 ...

    精通JS脚本之ExtJS框架.part2.rar

    10.12 表格与树形的结合——Ext.ux.tree.ColumnTree 第11章 其他布局类简介 11.1 标准布局类 11.1.1 折叠布局——AccordionLayout 11.1.2 边框布局——BorderLayout 11.1.3 卡片式布局——CardLayout 11.1.4 ...

    ExtJs4.1 treegrid CRUD 读取、新增、修改、删除

    Ext.Array.each(records,function(record){ record.updateInfo(); record.commit(); }); } //刷新tree指定的的节点 store.load({node:node}); //异步Ajax提交新增数据 insertdb:function(newrecords) //异步Ajax...

    JavaScript的ExtJS框架中数面板TreePanel的使用实例解析

    一种节点是普通的简单树 节点,由Ext.tree.TreeNode定义,另外一种是需要异步加载子节点信息的树节点,该类由Ext.tree.AsyncTreeNode定 义。 在数据中, text 显示文字, leaf 节点 , children 子节点,expanded ...

    log4Net详解(共2讲)

    2.6、ExtJs中的ExtTree详解 3、ExtJs数据篇 3.1、数据存储基本单元Record与DataField详解 3.2、数据存储Store详解1 3.3、数据存储Store详解2 3.4、数据代理DataProxy详解 3.5、数据读取器DataReader详解 3.6...

    复选框的且带右键菜单的树代码

    var contacterTree = new Ext.tree.TreePanel({ id:"treePanelContact", border:false, lines:false, // 去掉树的线 rootVisible:true, autoScroll:true, animate:true, width:200, height : 468, ...

    免费 Extjs4.0教程视频

    [09]EXTJS4.0的core包和Ext类.003.zip (60.22M)[09]EXTJS4.0的core包和Ext类.002.zip [09]EXTJS4.0的core包和Ext类.001.zip 第十讲:extjs4.0的util包 [10]EXTJS4.0的util包.001.zip (80.00M)[10]EXTJS4.0的...

    EXTJS4.0视频教程配套代码

    [09]EXTJS4.0的core包和Ext类.003.zip (60.22M)[09]EXTJS4.0的core包和Ext类.002.zip [09]EXTJS4.0的core包和Ext类.001.zip 第十讲:extjs4.0的util包 [10]EXTJS4.0的util包.001.zip (80.00M)[10]EXTJS4.0的...

    Extjs4.0视频教程和源代码,另附文档翻译

    [09]EXTJS4.0的core包和Ext类.003.zip (60.22M)[09]EXTJS4.0的core包和Ext类.002.zip [09]EXTJS4.0的core包和Ext类.001.zip 第十讲:extjs4.0的util包 [10]EXTJS4.0的util包.001.zip (80.00M)[10]EXTJS4.0的...

Global site tag (gtag.js) - Google Analytics