Ext3.0学习笔记grid之autoExpandColumn-优快云博客

本文详细介绍了在使用Ext.js版本2.2与3.0时，grid组件中autoExpandColumn属性的不同表现，特别关注了属性值对列扩展行为的影响，并通过实例代码进行了说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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. }