一、画表格
Ext.onReady(function()
{
var table = new Ext.Panel({
title: 'Table Layout',
layout:'table',
renderTo:"ceshi1",
defaults: {
// applied to each contained panel
bodyStyle:'padding:20px'
},
layoutConfig: {
// The total column count must be specified here
columns: 3
},
items: [{
html: '<p>Cell A content</p>',
rowspan: 2
},{
html: '<p>Cell B content</p>',
colspan: 2
},{
html: '<p>Cell C content</p>',
cellCls: 'highlight'
},{
html: '<p>Cell D content</p>'
}]
});
})
二、换皮肤
我们得将引入css样式表
<link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="Ext/resources/css/xtheme-slate.css" />
<script type="text/javascript" src="Ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="Ext/ext-all.js"></script>