- 浏览: 1416737 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (409)
- Java (48)
- Spring (29)
- struts2 (17)
- hibernate (4)
- 设计模式 (24)
- jbpm (1)
- JavaScript (5)
- 统计报表 (7)
- ExtJS_3.0 (35)
- struts1 (1)
- 分析设计 (3)
- Flex3 (24)
- UML (2)
- 数据库 (18)
- PowerDesigner (2)
- 应用服务器 (3)
- WebService (5)
- ActiveMQ_5.3.2 (6)
- Java通信技术 (11)
- GWT (6)
- OSGi (15)
- android (11)
- liferay6.0.6 (13)
- jquery (13)
- Linux (3)
- java.util.concurrent (16)
- guava (9)
- 开发模式 (1)
- 大数据 (2)
- 互联网金融 (4)
- treegrid-3.0 (7)
- 分布式 (8)
- GO语言 (4)
- maven (1)
- 缓存技术 (6)
- 其他 (2)
- 前端页面 (1)
- heasy (1)
- spring cloud(F版) (21)
- springboot (12)
- springmvc (5)
- mybatis (3)
- dubbo (1)
- 物联网 (0)
最新评论
-
raymond.chen:
谢谢您的分享
使用Ngrok解决通过外网访问内网web应用 -
wangyudong:
速度有点慢,不过在也找到了一个开源的holer,配置一个key ...
使用Ngrok解决通过外网访问内网web应用 -
a1006458222:
...
Axis2的部署和应用 -
偷师来了:
不好意思 这样的博客我觉得就灭有必要分享出来了 命令大家都会看 ...
Consul框架介绍 -
lliiqiang:
怎么直接删除文件夹啊?固定的几个文件可以删除,不固定的呢?需要 ...
Flex AIR —— 文件读写
Ext.Viewport代表浏览器窗口的整个显示区域,将document body作为渲染对象,它会根据浏览器窗口的大小自动调整自身的尺寸。
在一个页面中只允许出现一个Viewport实例,没有提供对滚动条的支持。
Ext.onReady(function(){ var accordion = new Ext.Panel({ title: "功能分组", layout: "accordion", layoutConfig: { animate: true }, width: 250, minWidth: 100, region: "west", split: false, collapsible: true, items: [ {title:"嵌套面板一", html:"嵌套面板一", iconCls:"save"}, {title:"嵌套面板二", html:"嵌套面板二", iconCls:"search"}, {title:"嵌套面板三", html:"嵌套面板三", iconCls:"back"} ] }); new Ext.Viewport({ title: "Viewport", layout: "border", defaults: { bodyStyle: "background-color: #FFFFFF;", frame: true }, items: [ accordion, {region:"north", height:100}, {region:"center"} ] }); });
评论
2 楼
zzg16
2011-09-21
lingfenfei 写道
items: [
14. {title:"嵌套面板一", html:"嵌套面板一", iconCls:"save"},
15. {title:"嵌套面板二", html:"嵌套面板二", iconCls:"search"},
16. {title:"嵌套面板三", html:"嵌套面板三", iconCls:"back"}
17. ]
请问如何让这些成为动态的
14. {title:"嵌套面板一", html:"嵌套面板一", iconCls:"save"},
15. {title:"嵌套面板二", html:"嵌套面板二", iconCls:"search"},
16. {title:"嵌套面板三", html:"嵌套面板三", iconCls:"back"}
17. ]
请问如何让这些成为动态的
可以请求一个servlet,servlet生成JSON数据,然后用JS处理JSON数据即可.
1 楼
lingfenfei
2011-01-14
items: [
14. {title:"嵌套面板一", html:"嵌套面板一", iconCls:"save"},
15. {title:"嵌套面板二", html:"嵌套面板二", iconCls:"search"},
16. {title:"嵌套面板三", html:"嵌套面板三", iconCls:"back"}
17. ]
请问如何让这些成为动态的
14. {title:"嵌套面板一", html:"嵌套面板一", iconCls:"save"},
15. {title:"嵌套面板二", html:"嵌套面板二", iconCls:"search"},
16. {title:"嵌套面板三", html:"嵌套面板三", iconCls:"back"}
17. ]
请问如何让这些成为动态的
发表评论
-
表单组件_v2.2(四)
2011-01-30 15:51 20311、下拉框组件支持中间模糊查询 function liste ... -
表单组件_v2.2(三)
2010-10-07 22:21 2749本范例展示如何使用表单的各种组件。 下拉框组件展示了5种使用 ... -
表单组件_v2.2(二)
2010-10-07 21:57 18011、Ext.form.Hidden 2、Ex ... -
表单组件_v2.2(一)
2010-10-07 21:48 21201、Ext.form.Action ... -
属性表格:Ext.grid.PropertyGrid
2010-05-24 21:03 96331、Ext.grid.PropertyGrid 主要 ... -
可编辑表格:Ext.grid.EditorGridPanel
2010-05-24 20:59 215681、Ext.grid.EditorGridPanel ... -
表格数据分组:Ext.grid.GroupingView
2010-05-24 20:46 172001、Ext.grid.GroupingView ... -
普通表格范例
2010-05-24 16:14 2906主要演示以下功能: 包含复选框列、行号列 自定 ... -
普通表格:Ext.grid.GridPanel
2010-05-24 15:48 11588表格相关组件总图: ... -
树组件:异步树范例
2010-05-21 15:34 26591、范例主要展示以下功能点: 树节点通过请求服务 ... -
树组件:普通树范例
2010-05-21 15:26 19631、范例包含以下功能点: 节点包含复选框 ... -
树组件:主要配置项、属性、方法
2010-05-21 15:01 39171、Ext.tree.TreePanel ... -
Ext.TabPanel
2010-05-20 14:28 27408TabPanel不显示面板的标题和头部工具条。 1、主 ... -
垂直盒布局(VBoxLayout)
2010-05-18 01:54 5532Ext.layout.VBoxLayout扩展自Ext.lay ... -
水平盒布局(HBoxLayout)
2010-05-18 01:51 7667Ext.layout.HBoxLayout扩展自Ext.lay ... -
边框布局(BorderLayout)
2010-05-18 01:48 4709Ext.layout.BorderLayout扩展自Ext.l ... -
表格布局(TableLayout)
2010-05-18 01:46 3877Ext.layout.TableLayout扩展自Ext.la ... -
列布局(ColumnLayout)
2010-05-18 01:43 3722Ext.layout.ColumnLayout扩展自Ext.l ... -
表单布局(FormLayout)
2010-05-18 01:40 5210Ext.layout.FormLayout是为表单特殊设计的布 ... -
绝对位置布局(AbsoluteLayout)
2010-05-18 01:34 3041Ext.layout.AbsoluteLayout扩展自Ext ...
相关推荐
Ext.Viewport、 Ext.TabPanel布局
使用Ext.Viewport搭一个简单布局(用一个小例子来总结本文所有内容) 面板是ExtJs控件的基础,很多控件都是在面板的基础上扩展的,或者他会与其他控件之间有关系。 面板由一个工具栏、一个底部工具栏、面板头部、面板...
1.Ext Designer生成的代码,如何使用;通过实例化来使用。 2.Ext 的model,store,grid使用,...Ext.container.Viewport .... 希望能给初学者一点启示吧。 如果有不明白的请我QQ:243596252;时间允许我会帮助大家。。。
第九章 Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件 72 一、面板控件 Ext.Panel 72 二、窗口控件 Ext.window.Window 74 三、布局控件 Ext.container.Viewport 77 第十章 ...
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...
extjs4.0 实现了主页面框架(主框架使用Ext.Viewport,banner使用Ext.panel.Panel,通过toolbar来放置按钮),包括左侧动态菜单实现(采用Ext.tree.Panel)动态从数据库加载数据来显示菜单(后台代码也在了通过json...
那个深入浅出ext作者比我还懒 viewport存放Ext.panel对象,其容器中的成员可以以borderlayout方式布局
NULL 博文链接:https://kai2008.iteye.com/blog/350192
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 ...
44. Renamed <ext:ViewPort> to <ext:Viewport>. Change to lowercase "p". 45. Renamed <Body> inner property to <Content>. Affects all ContentPanel type controls including Panel, Window, Viewport ...
11.2.2 使用Viewport 11.2.3 实现表单元素横排 第12章 ExtJS对Ajax的支持 12.1 Ext.Ajax介绍 12.1.1 Ext.Ajax.request方法详解 12.1.2 Ext.Ajax.request操作示例 12.1.3 Ext.Ajax.request提交XML数据 12.2 ...
问题一个页面有两个面板,都...代码示例 代码如下:/// ”Ext/ext-all-debug-w-comments.js”> Ext.onReady(function () { var viewport = Ext.create(‘Ext.container.Viewport’, { layout: { type: ‘vbox’, al
一、Border布局由类Ext.layout.BorderLayout... 二、应用举例 代码如下: Ext.onReady(function(){ new Ext.Viewport({ layout:”border”, items:[{region:”north”, height:50, title:”顶部面板”}, {region:”south
11.2.2 使用Viewport 11.2.3 实现表单元素横排 第12章 ExtJS对Ajax的支持 12.1 Ext.Ajax介绍 12.1.1 Ext.Ajax.request方法详解 12.1.2 Ext.Ajax.request操作示例 12.1.3 Ext.Ajax.request提交XML数据 12.2 ...
使用EXTJS 开发的DEMO 含有Ext.container.Viewport 使用 使用EXTJS 封装JQUERY的插件 Ext.dashboard.Dashboard 看板布局使用 Ext.tree.Panel 树型控件使用 ACE代码编辑器 在EXTJS中的使用
看下面的代码: 代码如下:Ext.onReady(function(){ new Ext.Viewport({ layout:”border”, items:[{region:”north”, height:50, title:”顶部面板”}, {region:”south”, height:50, title:”底部面板”}, {...
大致看了几天的书籍 查阅了API。头脑里也记不下多少,学习还是动手比较好。就试着开始写写: 首先:开始搭个 界面... [removed][removed] [removed][removed] 定义一个Ext.Viewport: 在items的属性里设置: 头部: 代
1.入门 2.ext事件处理 3.面板 4.工具栏 5.Viewport 6.窗口 7.对话框 内附:ext语法总结.txt
'viewport > goodslistview': { afterrender: function(gp){//侦听goodslistview渲染 gp.down('button[action=testBtn1]').on('click',function(){ //侦听goodslistview工具条上action=testBtn1的按钮单击...