今天在写grid的时候遇到了个问题
写出来的grid老不出效果
后来经高人指点
autoExpandColumn :''
这个属性必须指定的是id
也就是说
在Ext.grid.ColumnModel中
定义了id属性的那一列
{id:'rule_desc',header: "规则描述", width:240, sortable: true, dataIndex:'rule_desc'}
autoExpandColumn :'rule_desc'
当使用ext2.2时,autoExpandColumn为0时没效果,为1时第2列扩展,为2时第3列扩展;
当使用ext3.0时,autoExpandColumn为0时没效果,为1时第1列扩展,为2时第2列扩展,为3时第3列扩展
Ext.onReady(function(){
var data = [
[1,"EasyJWeb","EasyJF","www.easyjf.com"],
[2,"Jfox","huihoo","www.huihoo.org"],
[3,"jdon","jdon","www.jdon.com"],
[4,"springside","springside","www.springside.org.cn"]
];
var store = new Ext.data.SimpleStore({
data:data,
fields:["id","name","organization","homepage"]
});
var grid = new Ext.grid.GridPanel({
renderTo:"hello",
title:"中国java开源产品及团队",
height:150,
width:560,
columns:[{header:"项目名称",dataIndex:"name"},
{header:"开发团队",dataIndex:"organization"},
{header:"网址",dataIndex:"homepage",renderer:showUrl}],
store:store,
//当使用ext2.2时,autoExpandColumn为0时没效果,为1时第2列扩展,为2时第3列扩展;
//当使用ext3.0时,autoExpandColumn为0时没效果,为1时第1列扩展,为2时第2列扩展,为3时第3列扩展
autoExpandColumn:3
});
});
function showUrl(value){
return "<a href='http://"+value+"' target='_blank'>"+value+"</a>";
}