让tree和grid结合起来
相关内容之前大都讲过,这里就不多讲了
Ext.onReady(function(){
var tree = new Ext.ux.tree.ColumnTree({
width: 550,
height: 300,
rootVisible:false,
autoScroll:true,
frame:true,
title: 'Example Tasks',
renderTo: Ext.getBody(),
columns:[{
header:'Task',
width:330,
dataIndex:'task'
},{
header:'Duration',
width:100,
dataIndex:'duration'
},{
header:'Assigned To',
width:100,
dataIndex:'user'
}],
loader: new Ext.tree.TreeLoader({
dataUrl:'column-data.json', //用json文件作为数据源
uiProviders:{ //对象是一个TreePanel,在ux/ColumnNodeUI.js里面,在用来规定整个UI的样式,可以直接拿去用,当然也可以适当改一下ColumnNodeUI.js
'col': Ext.ux.tree.ColumnNodeUI
}
/*uiProviders:An object containing properties which specify custom Ext.tree.TreeNodeUI implementations. If the optional uiProvider attribute of a returned child node is a string rather than a reference to a TreeNodeUI implementation, then that string value is used as a property name in the uiProviders object.*/
}),
root: new Ext.tree.AsyncTreeNode({
text:'Tasks' //用来显示tree的那一列名
})
});
});
分享到:
相关推荐
NULL 博文链接:https://lingyibin.iteye.com/blog/804892
ExtJS4学习笔记(四)---Grid的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(六)---多表头Grid ExtJS4学习笔记(七)---带搜索的Grid(SearchGrid) ExtJS4学习笔记(八)---Grid多选/全选 ExtJS4学习笔记(九)...
NULL 博文链接:https://lucky16.iteye.com/blog/1522254
extjs-theme-bootstrap-master.zip
NULL 博文链接:https://lingyibin.iteye.com/blog/804804
NULL 博文链接:https://lucky16.iteye.com/blog/1490278
ExtJS4学习笔记(八)---Grid多选 全选 ExtJS4学习笔记(六)---多表头Grid ExtJS4学习笔记(十)---ExtJS4图片验证码的实现 ExtJS4学习笔记(十一)---TabPanel ExtJS4学习笔记(十三)---上传文件(upload) ExtJS4学习笔记...
Extjs4---grid的修改、删除功能---结合struts2、hibernate
NULL 博文链接:https://lingyibin.iteye.com/blog/803285
NULL 博文链接:https://lingyibin.iteye.com/blog/804878
NULL 博文链接:https://lingyibin.iteye.com/blog/804801
extjs2----关于extjs 的使用,操作.比较初级,但是也比较使用。适合初步接触extjs的朋友
官方最新版本Extjs6.2版本sdk,创建新项目的时候需要用, 全面的核心框架,具有最新的Javascript标准支持 新的漂亮组件和主题,以创建漂亮的企业应用程序 现代工具链,用于构建优化,高性能,通用的应用程序 用于可视...
NULL 博文链接:https://crabdave.iteye.com/blog/333473
Ext各种组件的使用实例,Extjs tree+grid+form+panel 使用实例
学习extjs资料,tree合成grid,很不错的视频文件,值得收藏
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...
ext基本的控件例子ext基本的控件例子ext基本的控件例子ext基本的控件例子