<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<!--Ext js官方(4.0)下载的样式文件-->
<link href="Extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<!--Ext js官方(4.0)下载的代码库文件-->
<script src="Extjs/ext-all.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
Ext.onReady(function () {
var p = new Ext.Window({
title: "测试面板",
width: 500,
height: 500,
id: "ptest",
maximizable: true,
minimizable: true,
layout: "accordion", //布局方式为手风琴布局
items: [
{
title: "面板一",
items: [{ text: "我是面板一里面的一个按钮", xtype: "button", height: 90, width: 300}]},
{ title: "面板二" },
{title:"面板三"}]
});
p.show(); //显示window窗体
});
</script>
</head>
<body>
</body>
</html>
预览效果如下:
ASP.NET+Ext Js4.0手风琴布局,上下选项卡
最新推荐文章于 2020-02-05 18:56:17 发布