码迷,mamicode.com
首页 > 其他好文 > 详细

Ext3.0中复杂表头例子

时间:2014-05-09 22:27:59      阅读:552      评论:0      收藏:0      [点我收藏+]

标签:blog   class   code   java   ext   c   

注意要点:不出现滚动条时要设置height和forceFit : false

效果如下图:

bubuko.com,布布扣

	this.columns = [{
				header : ‘月份‘,
				dataIndex : ‘月份‘,
				width:50
			}];

	 this.store = new Ext.data.SimpleStore({
	 fields : [],
	 data : [[]]
	 });

	var cc = new Ext.FormPanel({
				frame : false,
				border : false,
				items : [{
							xtype : ‘grid‘,
							border : false,
							height:420,
							store : this.store,
							colModel : new Ext.grid.ColumnModel({
										columns : this.columns,
										defaultSortable : true,
										rows : [[{},
										         {
													header : ‘‘,
													colspan : 9,
													align : ‘center‘
										         },{
													header : ‘‘,
													colspan : 9,
													align : ‘center‘
										         },{
													header : ‘‘,
													colspan : 9,
													align : ‘center‘
										         }],
										         [{}, {
													header : ‘‘,
													colspan : 2,
													align : ‘center‘
												}, {
													header : ‘‘,
													colspan :2,
													align : ‘center‘
												}, {
													header : ‘‘,
													colspan : 4,
													align : ‘center‘
												},{}, {
													header : ‘‘,
													colspan : 2,
													align : ‘center‘
												}, {
													header : ‘‘,
													colspan :2,
													align : ‘center‘
												}, {
													header : ‘‘,
													colspan : 4,
													align : ‘center‘
												},{}, {
													header : ‘‘,
													colspan : 2,
													align : ‘center‘
												}, {
													header : ‘‘,
													colspan :2,
													align : ‘center‘
												}, {
													header : ‘‘,
													colspan : 4,
													align : ‘center‘
												},{}]]
									}),
							enableColumnMove : false,
							viewConfig : {
								forceFit : false
							},
							plugins : [new Ext.tet.plugins.GroupHeaderGrid()]
						}]
			});




Ext3.0中复杂表头例子,布布扣,bubuko.com

Ext3.0中复杂表头例子

标签:blog   class   code   java   ext   c   

原文地址:http://blog.csdn.net/jcy472578/article/details/25400963

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!