免費AI編程助手
Ext.js 自適應布局
2022-05-19 14:39 更新
描述
適合：在此布局中，容器用單個面板填充，當沒有與布局相關的特定要求時，則使用此布局。
語法
這里是使用Fit布局的簡單語法。
layout: 'fit'
例
以下是一個簡單的示例，顯示了Fit布局的用法
<!DOCTYPE html>
<html>
<head>
<link href="./ext-6.0.0/build/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet">
<script src="./ext-6.0.0/build/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
Ext.create('Ext.container.Container', {
renderTo : Ext.getBody(),
layout : {
type :'fit'
},
width : 600,
defaults: {
bodyPadding: 15
},
items : [{
title: 'Panel1',
html : 'This is panel 1'
},{
title: 'Panel2',
html : 'This is panel 2'
},{
title: 'Panel3',
html : 'This is panel 3'
},{
title: 'Panel4',
html : 'This is panel 4'
}]
});
});
</script>
</head>
<body>
</body>
</html>運行結果如下：
以上內(nèi)容是否對您有幫助：
更多建議：