学习ExtJS table布局_extjs

WBOY

Freigeben： 2016-05-16 18:45:07

Original

1301 Leute haben es durchsucht

一、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中的内容"} 
] 
} 
); 

Verwandte Etiketten：

extjs

Quelle：php.cn

Vorheriger Artikel：JavaScript 另类遍历数组实现代码_javascript技巧 Nächster Artikel：学习ExtJS accordion布局_extjs

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors