Ext3.0学习笔记grid之autoExpandColumn

当使用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>";
  }

 

你可能感兴趣的:(ext)