这个问题很简单,没有必要单独用Ext 2.0.2的js,原有定义ColumnModel不支持这种json对象的形式,改变为数组形式即可。
另外,其实看上去跨列,实际上header的div中就是3个table。
另外,Ext Core这个东东很不错,其实就是把Ext-base和Ext-all中的部分抽取出来单独发布,除去了很多组件,功能和jquery基本一样但是非常简便、也很小,而且开源免费,没有任何商业争议,建议大家如果不使用Ext widgets可以单独使用Ext Core3.0 对于Dom操作,动画、CSS操作,都非常方便。
原有写法:
new Ext.grid.ColumnModel({
columns: [
{header: 'Id', width: 25, dataIndex: 'id'},
{header: 'Nr', width: 25, dataIndex: 'nr1'},
{header: 'Text', width: 50, dataIndex: 'text1'},
{header: 'Info', width: 50, dataIndex: 'info1'},
{header: 'Special', width: 60, dataIndex: 'special1'},
{header: 'Nr', width: 25, dataIndex: 'nr2'},
{header: 'Text', width: 50, dataIndex: 'text2'},
{header: 'Info', width: 50, dataIndex: 'info2'},
{header: 'Special', width: 60, dataIndex: 'special2'},
{header: 'Special', width: 60, dataIndex: 'special3'},
{header: 'Changed', width: 50, dataIndex: 'changed'}
],
defaultSortable: true
}),
修改写法:
new Ext.grid.ColumnModel([
{header: 'Id', width: 25, dataIndex: 'id'},
{header: 'Nr', width: 25, dataIndex: 'nr1'},
{header: 'Text', width: 50, dataIndex: 'text1'},
{header: 'Info', width: 50, dataIndex: 'info1'},
{header: 'Special', width: 60, dataIndex: 'special1'},
{header: 'Nr', width: 25, dataIndex: 'nr2'},
{header: 'Text', width: 50, dataIndex: 'text2'},
{header: 'Info', width: 50, dataIndex: 'info2'},
{header: 'Special', width: 60, dataIndex: 'special2'},
{header: 'Special', width: 60, dataIndex: 'special3'},
{header: 'Changed', width: 50, dataIndex: 'changed'}
]
);
至于排序可以在另外单独写。
分享到:
相关推荐
ext 2.0.2 ext 2.0.2 ext 2.0.2
我最近在学习EXT,上传一个中文API,与其共用呀
基于EXT2.0.2表格间数据拖拽。并提示拖拽数据实现
Ext2.0.2经典的一个JS组件带EXT中文手册.rar
javascript ext-2.0.2 超强功能列表,窗体等等
ext-2.0.2 jar ext包
NULL 博文链接:https://xnbhnly.iteye.com/blog/1337392
学习Extjs时,引入这个文件头,可以在VS2008里面进行智能提醒,Extjs里有部分功能可以提示
ext资源源码及实例
ext-2.0.2源代码文件,给有需要的人
最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习...
js windows..js 提示工具
ext语法介绍ext语法介绍ext语法介绍ext语法介绍ext语法介绍ext语法介绍ext语法介绍ext语法介绍ext语法介绍ext语法介绍ext语法介绍
各种ajax面板 树形目录 ext-2.0.2
VS2008 Extjs代码提示工具 引用方法: ///<reference path="../js/vswd-ext_2.0.2.js" />
ext-2.0.2-aspx-only-aspx-examples
Ext 下载 库文件 javascript
Ext+2.0+Grid的增删改查.txtExt+2.0+Grid的增删改查.txtExt+2.0+Grid的增删改查.txtExt+2.0+Grid的增删改查.txtExt+2.0+Grid的增删改查.txtExt+2.0+Grid的增删改查.txt
EXT是javascript脚本编写的。