extjs学习四treepanel

《extjs学习四treepanel》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、extjs学习四treePanel博客分类：EXTEXTJavaScriptCSSCacheHTML树的使用是很频繁的，对树节点的各种操作。和数据库的互动操作。tree.html:

2、t=UTF-8">

3、pe="text/javascript"src="ext4/bootstrap.js">

4、rc="forever.js">♂forever.js是工具类：Ext.ns("org

5、.forever.util");Ext.define('org.forever.util.TreeUtil',{extend:'Object',userName:'默认值',//属性constructor:function(config){//构造函数Ext.apply(this,config);}});//递归更新节点的选中状态org.forever.util.TreeUtil.updateCheckStatus=function(parentNode,checked){Ext.each(pare

6、ntNode.childNodes,function(childNode,index,allItems){//Ext.Msg.alert('节点信息',node.get('text')+';index='+index);childNode.set('checked',checked);org.forever.util.TreeUtil.updateCheckStatus(childNode,checked);});}♂tree-app.js是程序的初始化代码：Ext.Loader.setConfig

7、({enabled:true});Ext.Loader.setPath('Ext.ux','ext4/ux/');Ext.onReady(function(){vartabscrollermenu=Ext.create('Ext.ux.TabScrollerMenu',{ptype:'tabscrollermenu',maxText:15,pageSize:10});varsimpleTreePanel=createSimpleTree();varcheckTreePanel=createCheck

8、Tree();vartabPanel=Ext.create('Ext.tab.Panel',{region:'center',activeTab:1,plugins:[tabscrollermenu],items:[simpleTreePanel,checkTreePanel]});Ext.create('Ext.Window',{title:'treeapp',width:500,height:400,x:100,y:100,bodyStyle:'padding:5