Ext3.0学习笔记grid之autoExpandColumn

 Ext3.0学习笔记grid之autoExpandColumn

EXT

当使用ext2.2时，autoExpandColumn为0时没效果，为1时第2列扩展，为2时第3列扩展；
当使用ext3.0时，autoExpandColumn为0时没效果，为1时第1列扩展，为2时第2列扩展，为3时第3列扩展

1.Ext.onReady(function(){  
2.    var data = [  
3.      [1,"EasyJWeb","EasyJF","www.easyjf.com"],  
4.      [2,"Jfox","huihoo","www.huihoo.org"],  
5.      [3,"jdon","jdon","www.jdon.com"],  
6.      [4,"springside","springside","www.springside.org.cn"]  
7.    ];  
8.      
9.    var store = new Ext.data.SimpleStore({  
10.      data:data,  
11.      fields:["id","name","organization","homepage"]  
12.    });  
13.      
14.    var grid = new Ext.grid.GridPanel({  
15.      renderTo:"hello",  
16.      title:"中国java开源产品及团队",  
17.      height:150,  
18.      width:560,  
19.      columns:[{header:"项目名称",dataIndex:"name"},  
20.          {header:"开发团队",dataIndex:"organization"},  
21.          {header:"网址",dataIndex:"homepage",renderer:showUrl}],  
22.      store:store,  
23.      //当使用ext2.2时，autoExpandColumn为0时没效果，为1时第2列扩展，为2时第3列扩展；  
24.      //当使用ext3.0时，autoExpandColumn为0时没效果，为1时第1列扩展，为2时第2列扩展，为3时第3列扩展  
25.      autoExpandColumn:3  
26.    });  
27.  });  
28.  function showUrl(value){  
29.    return "<a href='http://"+value+"' target='_blank'>"+value+"</a>";  
30.  }