您的位置:首页 > Web前端 > JavaScript

Ext grid autoExpandColumn (Extjs3.4.0遇到的问题)

2012-05-09 10:24 441 查看
今天在写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>";
}


 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息