欢迎来到天天文库
浏览记录
ID:37544126
大小:33.71 KB
页数:10页
时间:2019-05-25
《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("org5、.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(pare6、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.setConfig7、({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=createCheck8、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
3、pe="text/javascript"src="ext4/bootstrap.js">4、rc="forever.js">♂forever.js是工具类:Ext.ns("org5、.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(pare6、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.setConfig7、({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=createCheck8、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
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
此文档下载收益归作者所有