Ext简单示例-阿里云开发者社区

Ext简单示例

2023-11-07 47

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： Ext简单示例

<!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>

Ext简单示例

热门文章

最新文章

相关电子书

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

Ext简单示例

热门文章

最新文章

相关电子书