学习ExtJS table布局

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了学习ExtJS table布局，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含587字，纯文字阅读大概需要1分钟。

内容图文

一、Table布局由类Ext.layout.TableLayout定义，类以于html中的table，可以对行或列进行合并。
layoutConfig使用columns指定父容器分成3列，
rowspan合并行数目。
colspan合并列数目。
二、应用举例
代码如下:

Ext.onReady(function(){ 
var _panel = new Ext.Panel({ 
title:"人员信息", 
renderTo:Ext.getBody(), 
width:500, 
height:200, 
layout:"table", 
layoutConfig: { 
columns: 3 
}, 
items:[{title:"子元素1",html:"这是子元素1中的内容",rowspan:2,height:100}, 
{title:"子元素2",html:"这是子元素2中的内容",colspan:2}, 
{title:"子元素3",html:"这是子元素3中的内容"}, 
{title:"子元素4",html:"这是子元素4中的内容"} 
] 
} 
); 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的学习ExtJS table布局全部内容，希望文章能够帮你解决学习ExtJS table布局所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---