extjs 选项卡占满
时间: 2024-01-03 14:20:58 浏览: 73
Extjs的loading效果
4星 · 用户满意度95%
以下是使用ExtJS 3.0实现选项卡占满的代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="./extjs3/resources/css/ext-all.css" />
<script src="./extjs3/adapter/ext/ext-base.js"></script>
<script src="./extjs3/ext-all.js"></script>
<script>
Ext.onReady(function() {
var tabs = new Ext.TabPanel({
renderTo: Ext.getBody(),
width: '100%',
height: '100%',
activeTab: 0,
items: [{
title: 'Tab 1',
html: 'Content of Tab 1'
}, {
title: 'Tab 2',
html: 'Content of Tab 2'
}, {
title: 'Tab 3',
html: 'Content of Tab 3'
}]
});
});
</script>
</head>
<body>
</body>
</html>
```
在上述代码中,我们创建了一个TabPanel,并将其渲染到页面的body中。通过设置TabPanel的width和height为100%,可以使其占满整个页面。同时,我们还设置了三个选项卡,每个选项卡都有一个标题和内容。
阅读全文