Ext简单demo示例
2024-10-16 19:23:12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ext简单demo示例</title>
<link rel="stylesheet" type="text/css" href="ExtJS/resources/css/ext-all.css">
<script type="text/javascript" src="ExtJS/adapter/ext/ext-base.js" ></script>
<script type="text/javascript" src="ExtJS/ext-all.js" ></script>
<script>
Ext.onReady(function(){
var tabs = new Ext.TabPanel({
//applyTo: 'tabs', //这里将把我们自己创建的id 为tabs 的div 渲染成tabs
activeTab: 0,
deferredRender: false,
autoTabs: true,
items: [{
title: 'Tab 1',
html: 'A simple tab',
closable: true,
listeners: {
'beforeclose':conrirmTab
}
},{
title: 'Tab 2',
html: 'Another one',
closable: true,
listeners: {
'beforeclose':conrirmTab
}
}]
}); var win = new Ext.Window({
title:'Ext简单demo示例',
el:'content',//将此div 创建成窗体对象
layout:'fit',//布局
width:500,
height:300,
closeAction:'hide',//设置是否可以关闭
plain: true,
draggable:false,
maximizable:true,
minimizable:true,
modal:false,
onEsc:function aa(){
Ext.Msg.alert('aaa');
},
resizable:false,
collapsible:true,
plain:true,
items:tabs
});
function conrirmTab(e){
Ext.Msg.confirm('操作确认','操作确认',
function(btn,text){
if(btn=='yes'){
tabs.remove(e);
}
});
return false;
}
win.show(Ext.getBody());//在body 中渲染此窗体
});
</script>
</head>
<body>
<div id="content">
</div>
</body>
</html>
最新文章
- segmentation fault
- python脚本实现集群检测和管理
- hybrid开发设计
- HTML简明教程(一)
- CENTOS6 下MATLAB2014b的安装和破解(Matlab_R2014b linux版 安装笔记)
- Java面向对象编辑
- HTML与CSS入门——第十三章 使用框架
- android之间传递list
- angular2 实现的小项目
- 在Asp.Net Core中集成ABP Dapper
- 像使用数据库一样使用xml
- Window 任务栏清除历史记录
- php 无限分类 树形数据 格式化
- adb驱动安装和使用报错笔记
- Boostrap导航栏跳转到其他页面或外部链接
- sleep,yield,join,notify,wait,notifyAll区别
- Vuex 入门指南
- HTML5开发之 -- 模态突出窗(bootstrap)
- .NET基础 (08)字符串处理
- php网摘收藏
热门文章
- DxPackNet 2.视频截图和捕捉帧图片
- iOS 点击屏幕空白区隐藏键盘方法
- 2018年最完整5大网页设计图标解决方案:Font Awesome奥森图Unicode、CSS 和、Font以及国产zfont图标集
- 《android开发艺术探索》读书笔记(十一)--Android的线程和线程池
- 买帽子 (hash)
- hdu 2046递推
- 【CF 678F】Lena and Queries
- mac上搭建appium+IOS自动化测试环境(一)
- 基于 HTML5 Canvas 的交互式地铁线路图
- 99%的人理解错 HTTP 中 GET 与 POST 的区别