类Ext.tree.TreePanel
包: Exttree
定义的文件: TreePanel.js
类全称: Ext.tree.TreePanel
继承自于: Ext.Panel
TreePanel为树状的数据结构提供了树状结构UI表示层。
TreeNodes是加入到TreePanel的节点,可采用其attributes属性 来定义程序的元数据
TreePanel渲染之前必须有一个root根节点的对象。除了可以用root配置选项指定外,还可以使用setRootNode的方法。
ExtJs静态树
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = 'ext/resources/images/default/s.gif';
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
var mytree=new Ext.tree.TreePanel({
region: 'west',
//el:"container",//应用到的html元素id
animate:true,//以动画形式伸展,收缩子节点
title:"Extjs静态树",
collapsible:true,
rootVisible:true,//是否显示根节点
autoScroll:true,
autoHeight:true,
split: true,
width:200,
lines:true,//节点之间连接的横竖线
//树加载器(TreeLoader)的目的是从URL延迟加载树节点Ext.tree.TreeNode的子节点。返回值必须是以树格式的javascript数组
loader: new Ext.tree.TreeLoader({
preloadChildren: true,//若为true,则loader在节点第一次访问时加载"children"的属性
clearOnLoad: false//(可选)默认为true。在读取数据前移除已存在的节点
}),
root:new Ext.tree.AsyncTreeNode({
id:"root",
text:"根节点",//节点名称
expanded:true,//展开
leaf:false,//是否为叶子节点
children:[{
id:'iui',
text:'子节点一',
leaf:true
},{
id:'child2',
text:'子节点二',
children:[{
text:"111"
}]
}]
}),
listeners: {
click: function(n) {
Ext.Msg.alert('Navigation Tree Click', 'You clicked: "' + n.attributes.text + '",id=' + n.attributes.href );
}
}
});
var viewport = new Ext.Viewport({
layout: 'border',
items: [
mytree
, {
region: 'center',
xtype: 'tabpanel'
// remaining code not shown ...
}]
});
});
分享到:
相关推荐
extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器
详细描述用Extjs4生成树,以及树的动态加载等功能
ExtJS4下拉树组件 ExtJS4下拉树组件
ExtJs 连接数据库并且生成动态树 ExtJs 连接数据库并且生成动态树 ExtJs 连接数据库并且生成动态树
extjs实现动态树
ExtJs4.2没有直接提供下拉树这个组件,但是有例子可以用,文件位置:ext-4.2.1.883\examples\ux\TreePicker.js 但是它有点小毛病吧:默认显示了根节点;达到最小高度时再展开节点,高度不能自动调整。 所以我做了一...
Extjs生成主界面,利用sencha 工具生成
EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0
extjs实现动态树加载菜单
ExtJs3下拉树 分两种方式调用:第一种: xtype : 'combotree', name : 'dm', fieldLabel : 'dm', tree : this.ct this.ct = new Ext.tree.TreePanel({ autoScroll : true, height : 250, border : false, ...
Extjs 下拉树 下拉多选树 支持多选 全选/全不选 下拉多选框
extjs表格、树控件
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台
extjs动态生成model、store、panel;sql拼接等多种技术难点
Extjs4动态树实现,感觉写的比较好就分享给大家
extjs异步树,多选树,json数据机构,集成spring,struts例子,extjs异步树,多选树,json数据机构,集成spring,struts例子,extjs异步树,多选树,json数据机构,集成spring,struts例子,extjs异步树,多选树,json...
extjs点击右侧面板生成tab,面板是ul+li的
这个实例是在ASP.NET环境下运行,如果要修改方案需要用到VS2008,本实例结合ExtJs与WCF交互生成WEBTree目录树结构,正在研究此方面的朋友不失为一个好资料。
ExtJS示例,Grid的使用,Panle的使用,树的使用