`
yangzisai
  • 浏览: 85740 次
  • 性别: Icon_minigender_1
  • 来自: 东莞
社区版块
存档分类
最新评论

Ext Viewport实例

阅读更多

 <script>
    Ext.onReady(function () {
      new Ext.Viewport({
        enableTabScroll:true,
        layout:"border",
        items:[
         {
          title:"面板",
          region:"north",
          height:50,
          html:"<h1>hi boy</h1>",
          bbar:[
           {text:"按钮一"},
           {pressed:true,text:"按钮二"}
          ]
         },
         {
          title:"菜单",
          region:"west",
          width:200,
          collapsible:true,
          html:"菜单栏"
         },
         {
          xtype:"tabpanel",
          region:"center",
          items:[{title:"面板1"},{title:"面板2"}]
         }
        ]
       }
      );
     }
    );
    </script>

分享到:
评论
1 楼 isaiahzhong 2012-11-13  
            没有效果,运行根本没有出来窗体,官网上的demo也是一样,没有效果,蛋疼

相关推荐

    EXT教程EXT用大量的实例演示Ext实例

    6.4. 2.0的ViewPort是完全不同的实现 6.5. 脑袋上有几个标签的tabPanel 6.6. 让布局复杂一点儿 7. 低鸣吧!拖拽就像呼吸一样容易。 7.1. 如此拖拽,简直就像与生俱来的本能一样。 7.2. 第一!乱拖。 7.3. 第二...

    jsp+ext4(js部分由Ext Designer生成)

    1.Ext Designer生成的代码,如何使用;通过实例化来使用。 2.Ext 的model,store,grid使用,...Ext.container.Viewport .... 希望能给初学者一点启示吧。 如果有不明白的请我QQ:243596252;时间允许我会帮助大家。。。

    Ext Js权威指南(.zip.001

    9.2.3 将body元素作为容器:ext.container.viewport / 435 9.3 面板 / 436 9.3.1 面板的结构 / 436 9.3.2 构件的放置:dockeditems / 438 9.3.3 面板标题栏构件:ext.panel.header与ext.panel.tool / 438 9.3.4...

    精通JS脚本之ExtJS框架.part1.rar

     《精通JS脚本之ExtJS框架》附有配套光盘,提供了书中实例的源代码和视频教学文件。此外,读者还可以通过访问itzcn网站来获得即时在线帮助。  《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书,也可以作为...

    ExtJSWeb应用程序开发指南(第2版)

    5.3 使用ViewPort 5.4 Ext.tab.Panel页签 5.5 本章小结 第6章 常用工具类与函数 6.1 非常有用的Ext.core.Element 6.2 Ext常用函数 6.2.1 Ext.onReady() 6.2.2 Ext.get() 6.2.3 Ext.select() 6.2.4 ...

    ExtJS5-一个简洁完整的后台管理系统入门实例

    5、通过自定义一个Ext.button.Button的扩展类,演示了自定义扩展Ext类的基本方法; 6、使用JSON,模拟从后台动态获取数据; 7.放入webapp运行tomcat,,直接访问index.html即可访问,其他语言相同

    精通JS脚本之ExtJS框架.part2.rar

     《精通JS脚本之ExtJS框架》附有配套光盘,提供了书中实例的源代码和视频教学文件。此外,读者还可以通过访问itzcn网站来获得即时在线帮助。  《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书,也可以作为...

    AngularJS实现的回到顶部指令功能实例

    本文实例讲述了AngularJS实现的回到顶部指令功能。分享给大家供大家参考,具体如下: &lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta ...

    Extjs4.1.1

    第十一讲.ExtJS布局模式-Box布局、使用ViewPort布局首页 第十二讲.ExtJS之Ext常用函数 第十三讲.ExtJS之Ext常用函数(二) 第十四讲.初识Ajax 第十五讲.ExtJS对Ajax支持-注册用户实例 第十六讲.ExtJS对Ajax...

    深入浅出Extjs4.1.1

    11、ExtJS布局模式-Box布局、使用ViewPort布局首页0 j( d' o {. g$ T 12、ExtJS之Ext常用函数4 {, o8 W1 s! I6 ^3 k 13、ExtJS之Ext常用函数(二)' o, e2 G$ D7 @" ?- [! E 14、初识Ajax& i O, A2 I, c6 G: c- Q) K...

    ExtAspNet_v2.3.2_dll

    -Window的实例方法GetCloseReference等以及ActiveWindow的静态方法GetCloseReference等,其中的Close全部改为Hide。 -增加TabStrip中Tab控件可关闭属性EnableClose(默认为false)以及两个方法GetShowReference和...

    JS实现canvas简单小画板功能

    本文实例为大家分享了JS实现canvas简单小画板的具体代码,供大家参考,具体内容如下 Html部分: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name=...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    +PageManager的实例方法AddAjaxUpdateControl改名为AddAjaxAspnetControls,现在可以在Page_Load中设置需要在AJAX中需要更新的Asp.net控件了。 -在Page_Load中设置了哪些需要在AJAX中更新的Asp.net控件会在回发时...

Global site tag (gtag.js) - Google Analytics