ExtJS 创建动态加载树

标签：extjs

Ext 中导航树的创建有两种方式：1、首先将所有的数据读出来，然后绑定到前台页面。2、每点击一个节点展开后加载子节点。在数据量比较小的时候使用第一种方式加载的会快一些，然而当数据量比较大的时候，我还是建议使用第二种方式的。这里我就来介绍一下第二种树的展示方式。

源码奉上：

 1 //创建model 2 Ext.define("treeModel",{ 3 　　extend:"Ext.data.Model", 4 　　fields:["OUID","OUName"] 5 }) 6 //创建Store 7 var treeStore=Ext.create("Ext.data.TreeStore",{ 8  　　model:"treeModel", 9 　　 proxy:{10 　　　　type:"ajax",11 　　　　url:"treeHandler.ashx",12 　　　　extraParams:{pid:0}13 　　},14 　　listeners:{15 　　　　beforeexpand:function(node)16 　　　　{17 　　　　　　this.proxy.extraParams.pid=node.raw.OUID;　　18 　　　　}19 　　},20 　　autoLoad:true21 });22 //创建树23 var tree=Ext.create("Ext.tree.Panel",{24 　　 store:treeStore,25 　　 userArrows:true,26 　　 rootVisible:false,27 　　 name:"OUID",28     displayField:"OUName",29     valueField:"OUID",30 　　listeners:{31 　　　　itemclick:function(view,rec)32 　　　　　　{33 　　　　　　　　　　34 　　　　　　}35 　　}36 })

ExtJS 创建动态加载树

标签：extjs

原文地址：http://7168316.blog.51cto.com/7158316/1575938