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

简单的EXT面板工具栏

阅读更多


     <script>
  Ext.onReady(function() {
   new Ext.Panel({
     renderTo:"hello",
     title:"面板头部header",
     width:300,
     height:200,
     html:'<h1>面板区域</h1>',
     tools:[{id:"save"},
     {id:"help",handler:function(){
      Ext.Msg.alert('help','please help me');}
     },
     {id:"close"}
     ],
     tbar:[new Ext.Toolbar.TextItem('工具栏'),
      {xtype:"tbfill"},
      {pressed:true,text:"添加"},
      {xtype:"tbseparator"},
      {pressed:true,text:'保存'}
     ],
     bbar:[{text:'底部'}],
     buttons:[{text:"按钮"}]
    });
  }
  );
 </script>
 
 <div id="hello">aaa</div>

分享到:
评论

相关推荐

    EXT简单案例

    EXTJS的核心是其强大的组件模型,它提供了丰富的用户界面元素,如面板(Panels)、工具栏(Toolbars)、对话框(Dialogs)和窗口(Windows),这些都是EXTJS开发中的基本构建块。下面,我们将深入探讨这些EXTJS的...

    Ext中xtype和vtype.

    * tbseparator:一个工具栏分隔符组件,用于分隔工具栏项。 * tbspacer:一个工具栏间隔符组件,用于间隔工具栏项。 * tbsplit:一个工具栏拆分按钮组件,用于拆分某些操作。 * tbtext:一个工具栏文本项组件,用于...

    Ext框架开发文档及ext-core.js

    6. **工具栏(Toolbars)**:EXT的工具栏组件可以轻松添加各种按钮、菜单和分割线,为用户提供便捷的操作入口。 7. **Ajax支持**:EXT内置了Ajax通信机制,能够方便地进行异步数据请求,与服务器端进行数据交互。 ...

    EXT中文手册5.pdf

    综上所述,这段代码展示了如何使用 Ext JS 创建一个具有多个可配置区域的布局,并且包含了如何使用工具栏和内容面板的具体实例。这些知识点对于理解和使用 Ext JS 构建复杂的 Web 应用程序非常有帮助。

    ext.js拖动3.4版本插件

    总的来说,"ext.js拖动3.4版本插件"是一个实用的工具,它扩展了Ext JS的默认功能,让开发者可以更自由地设计和调整用户界面,提升用户的交互体验。通过熟练掌握这个插件,你可以创造出更加灵活和用户友好的Web应用。

    ext3.0所有控件演示代码

    这个压缩包文件提供了EXT3.0中的几乎全部控件的演示代码,覆盖了表格、表单、分页工具栏以及图标等多个重要组件的使用方法。下面将详细介绍这些知识点。 1. 表格(Grid):EXT3.0的表格控件是其核心功能之一,能够...

    Windows 7下使用Ext2Fsd读取写入Linux Ext3&Ext4分区文件

    1. 打开“控制面板” &gt; “系统和安全” &gt; “管理工具”,找到并运行“服务”。 2. 在服务列表中找到“Ext2FS Driver”,确保其状态为“已启动”,并且启动类型设置为“自动”。如果尚未启动,右键单击并选择“启动”...

    ext 中文源代码

    它提供了大量的预定义组件,如表格、树形视图、菜单、工具栏、面板等,这些组件可以灵活组合,快速搭建复杂的Web界面。EXT的组件系统基于MVC(Model-View-Controller)设计模式,有利于实现松耦合的代码结构,提高...

    ext 3.0中文API

    EXT库的核心在于其组件模型,其中包括表格、面板、窗口、菜单、工具栏等多种UI元素。在EXT 3.0中,这些组件已经经过优化和增强,提供了更多定制选项和更好的性能。例如,EXT的GridPanel允许开发者创建数据驱动的表格...

    EXT经典示例大全

    1.入门 2.ext事件处理 3.面板 4.工具栏 5.Viewport 6.窗口 7.对话框 内附:ext语法总结.txt

    EXT2.0,EXT4.0,JS

    EXT JS 2.0是该框架的一个早期版本,提供了丰富的组件库,包括表格、面板、菜单、工具栏等,使得开发者可以轻松创建复杂且美观的用户界面。此版本引入了新的布局管理器、拖放功能增强以及对Ajax的优化支持。 ...

    简单的小例子Ext+servlet 分页

    - Ext JS Grid允许开发者设置分页栏,通过`pagingToolbar`配置项,可以轻松添加分页工具栏到Grid底部。 - 分页栏通常包含“第一”、“上一页”、“下一页”、“最后”按钮以及页码选择器,用户可以通过这些元素来...

    ext-3.4.1包

    在EXT JS 3.4.1中,开发者可以找到一系列预定义的可复用组件,如表格、面板、菜单、工具栏、窗口等,这些组件都具有高度定制性,可以根据需求调整外观和行为。 这个压缩文件"ext-3.4.1.zip"很可能包含了EXT JS库的...

    ext js 中文手册

    Ext JS支持各种常用的Web界面组件,如表格(Grids)、树状视图(Trees)、窗体(Forms)、面板(Panels)、工具栏(Toolbars)等,几乎可以满足Web应用开发中的大部分界面需求。 Ext JS类库的核心概念包括Element、...

    ext UI效果模板

    3. 工具栏和菜单:提供常用操作的快捷入口,可以自定义图标和事件。 4. 导航和布局:如选项卡面板、 accordion布局、浮动窗口、弹出对话框等,帮助构建层次分明的页面结构。 5. 图标和图像:EXT内置了丰富的图标库,...

    EXT_中文手册 +Ext2.2API中文版(最终完成版).CHM

    6. **工具栏(Toolbar)**:EXT的工具栏组件可以容纳按钮、下拉菜单等多种元素,常用于页面头部或表格上方提供操作选项。 7. **树形(Tree)**:EXT的树形组件支持层级结构的数据展示,可进行展开、折叠、拖放等...

    ext框架框架框架框架框架

    面板组件是Ext JS中最常见的容器组件之一,可以包含其他组件并提供边框、标题、工具栏等功能。在本文件中,我们看到了对不同方向的面板进行初始化的过程: - **西面板(westPanel)**:定义了一个可折叠的西面板,...

    EXT dojochina Ext类别名.rar

    EXT JS提供了一套完整的组件模型,包括网格、表单、面板、工具栏等,可以构建复杂的桌面级应用效果。同时,EXT JS支持响应式设计,能够在不同设备上良好运行,包括桌面、平板和手机。 在dojoChina社区中,EXT的使用...

Global site tag (gtag.js) - Google Analytics