Question

extjs gridpanel如何处理图片中的多标题问题?

Answer 1

// 列模型配置,以此类推，columns 下再配置columns就好了
columns : [
		{
			text:'Company',
			flex:1,
			sortable:false,
			dataIndex:'company'
		},
		{
			text:'Stock Price',
			columns:[
					{
						text:'Price',
						width:75,
						sortable:true,
						renderer:'usMoney',
						dataIndex:'price'
					},
					{
						text:'Change',
						width:80,
						sortable:true,
						renderer:function(val)
						{
							if(val > 0)
							{
								return '<span style="color:green;">' + val
										+ '</span>';
							}
							else if(val < 0)
							{
								return '<span style="color:red;">' + val
										+ '</span>';
							}
							return val;
						},
						dataIndex:'change'
					},
					{
						text:'% Change',
						width:100,
						sortable:true,
						renderer:function(val)
						{
							if(val > 0)
							{
								return '<span style="color:green;">' + val
										+ '</span>';
							}
							else if(val < 0)
							{
								return '<span style="color:red;">' + val
										+ '</span>';
							}
							return val;
						},
						dataIndex:'pctChange'
					}]
		},
		{
			text:'Last Updated',
			width:115,
			sortable:true,
			renderer:Ext.util.Format.dateRenderer('m/d/Y'),
			dataIndex:'lastChange'
		}]

追问

请问你是用的是什么版本的ext啊?我用的2.2 怎么不行啊?

追答

你应该早点说你用的什么版本的。上面那个示例是ExtJs 4.2.1版本，原生支持。 2.2 版本我没找到有扩展插件，我以前使用 3 系列的版本，官方提供的有扩展插件，在examples\ux 插入它的ColumnHeaderGroup.js和ColumnHeaderGroup.css参考它的示例，以配置plugins插件插入的方式使用。