- 浏览: 1420246 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (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 —— 文件读写
1、主要配置项:
applyTo:在目标元素之后追加组件。
renderTo:将目标元素作为新组件的容器。
frame:是否渲染面板,默认为false。
layout:面板的布局类型。
layoutConfig:被选布局的配置项。
title:设置面板头部的标题信息。
header:设置是否创建面板头部,默认为false。
headerAsText:是否在面板头部显示标题信息,默认为true。
tools:工具按钮配置对象的数组。
tools主要配置项:
id:可选值有toggle、close、minimize、maximize、refresh、plus、minus、help、search、save等。
qtip:按钮的提示信息。
handler:单击按钮后触发的函数。
draggable:是否可以拖曳,默认为false。
collapsible:是否允许面板进行展开和收缩,默认为false。
titleCollapse:是否允许通过单击面板头部进行展开和收缩操作,默认为false。
hideCollapseTool:是否隐藏展开和收缩按钮,默认为false。
collapsed:设置面板在第一次渲染时是否处于收缩状态,默认为false。
animCollapse:是否在展开和收缩时显示动画效果,默认为true。
autoWidth:是否使用自动宽度,默认为false。
width:面板宽度,默认为auto。
autoHeight:是否使用自动高度,默认为false。
height:面板高度,默认为auto。
autoScroll:是否自动显示滚动条,默认为false。
disabled:面板是否失效,默认为false。
floating:面板是否浮动。
shadow:面板是否有阴影,此配置项只有在floating=true时有效。
x:浮动时的X坐标。
y:浮动时的Y坐标。
draggable:面板是否可拖曳,默认为false。或者自定义DD对象。
draggable: { insertProxy: false, onDrag: function(e){ //代理对象 var p = this.proxy.getEl(); this.x = p.getLeft(); this.y = p.getTop(); //阴影对象 var s = this.panel.getEl().shadow; if(s){ s.realign(this.x, this.y, p.getWidth(), p.getHeight()); } }, endDrag: function(e){ this.panel.setPosition(this.x, this.y); } }
tbar:设置面板的顶端工具栏。
autoLoad:设置面板自动加载的url地址,作为body元素内容。items、html和contentEl的内容将被替代。
autoLoad:'ajax1.htm'
autoLoad: {url: 'ajax2.htm', params: 'foo=bar&wtf=1'}
items:单独一个子组件或组件的数组。
html:设置面板元素的内容,可以是HTML片段或DomHelper生成的内容。
contentEl:设置面板的内容元素,可以是页面元素的id或已存在的HTML节点。
bodyStyle:面板体的自定义样式。
defaults:应用到面板容器中所有元素的配置对象。
defaultType:面板中元素的默认类型,默认为panel。
bbar:设置面板的底端工具栏。
buttons:加入到面板底部中按钮配置对象的数组。
buttonAlign:按钮的对齐方式。有效值包括left、center、right。默认为right。
2、范例
var panel1 = new Ext.Panel({ renderTo: "div1", width: 500, height: 200, title: "标题信息", collapsible: true, titleCollapse: true, hideCollapseTool: true, tbar: [ {xtype:"button", id: "btnAdd", text:"添加", iconCls:"add"}, {xtype:"button", text:"删除", iconCls:"delete"}, {xtype:"button", text:"保存", iconCls:"save"}, "-", {xtype:"button", text:"查找", iconCls:"search"}, {xtype:"button", text:"返回", iconCls:"back"} ], html: "面板范例", bodyStyle: "padding:3px;", bbar: [ new Ext.Toolbar.Spacer(), "<font color=red>温馨提示:</font>" ] }); function clickPanelButton(event, toolEl, panel){ alert(panel1.getTool("close")); }
3、Ext.ButtonGroup扩展自Ext.Panel,其xtype值为buttongroup。
主要配置项:
columns:栏数
发表评论
-
表单组件_v2.2(四)
2011-01-30 15:51 20361、下拉框组件支持中间模糊查询 function liste ... -
表单组件_v2.2(三)
2010-10-07 22:21 2754本范例展示如何使用表单的各种组件。 下拉框组件展示了5种使用 ... -
表单组件_v2.2(二)
2010-10-07 21:57 18121、Ext.form.Hidden 2、Ex ... -
表单组件_v2.2(一)
2010-10-07 21:48 21251、Ext.form.Action ... -
属性表格:Ext.grid.PropertyGrid
2010-05-24 21:03 96401、Ext.grid.PropertyGrid 主要 ... -
可编辑表格:Ext.grid.EditorGridPanel
2010-05-24 20:59 215771、Ext.grid.EditorGridPanel ... -
表格数据分组:Ext.grid.GroupingView
2010-05-24 20:46 172111、Ext.grid.GroupingView ... -
普通表格范例
2010-05-24 16:14 2915主要演示以下功能: 包含复选框列、行号列 自定 ... -
普通表格:Ext.grid.GridPanel
2010-05-24 15:48 11601表格相关组件总图: ... -
树组件:异步树范例
2010-05-21 15:34 26691、范例主要展示以下功能点: 树节点通过请求服务 ... -
树组件:普通树范例
2010-05-21 15:26 19691、范例包含以下功能点: 节点包含复选框 ... -
树组件:主要配置项、属性、方法
2010-05-21 15:01 39281、Ext.tree.TreePanel ... -
Ext.TabPanel
2010-05-20 14:28 27429TabPanel不显示面板的标题和头部工具条。 1、主 ... -
Ext.Viewport
2010-05-18 02:00 20289Ext.Viewport代表浏览器窗口的整个显示区域,将doc ... -
垂直盒布局(VBoxLayout)
2010-05-18 01:54 5540Ext.layout.VBoxLayout扩展自Ext.lay ... -
水平盒布局(HBoxLayout)
2010-05-18 01:51 7679Ext.layout.HBoxLayout扩展自Ext.lay ... -
边框布局(BorderLayout)
2010-05-18 01:48 4719Ext.layout.BorderLayout扩展自Ext.l ... -
表格布局(TableLayout)
2010-05-18 01:46 3884Ext.layout.TableLayout扩展自Ext.la ... -
列布局(ColumnLayout)
2010-05-18 01:43 3731Ext.layout.ColumnLayout扩展自Ext.l ... -
表单布局(FormLayout)
2010-05-18 01:40 5222Ext.layout.FormLayout是为表单特殊设计的布 ...
相关推荐
EXT dojochina 面板示例Ext.Panel.rar EXT dojochina 面板示例Ext.Panel.rar
创建一个简单的面板 Ext.Panel 2.制作一个可以拖动的面板 Ext.Panel 3 .使用选项卡面板 3.使用Ext.Viewport搭一个简单布局(用一个小例子来总结本文所有内容) 面板是ExtJs控件的基础,很多控件都是在面板的基础上扩展...
/* *CRUD面板基类 */ //继承EXT的Panel,创建CRUD面板 Mis.Ext.CrudPanel=Ext.extend(Ext.Panel,{……}); //限于篇幅就不列出全部代码 EXT里的继承用的是Ext.extend(组件名,{实现代码}); 要使用这个CRUD面板,...
5.1.2 Ext.panel.Panel的主要功能 5.1.3 使用Ext.panel.Panel 5.2 标准布局类 5.2.1 Auto自动布局 5.2.2 Fit自适应布局 5.2.3 Accordion折叠布局 5.2.4 Card卡片式布局 5.2.5 Anchor锚点布局 5.2.6 Absolute...
第九章 Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件 72 一、面板控件 Ext.Panel 72 二、窗口控件 Ext.window.Window 74 三、布局控件 Ext.container.Viewport 77 第十章 ...
9.3.3 面板标题栏构件:ext.panel.header与ext.panel.tool / 438 9.3.4 记录和恢复面板属性:ext.util.memento / 439 9.3.5 面板常用的配置项、方法和事件 / 439 9.4 布局 / 441 9.4.1 布局概述 / 441 9.4.2 ...
六、面板Ext.Panel.............................................................................................................. 12 面板Panel 简介..........................................................
5.1.5 Ext.Panel 5.1.6 Ext.TabPanel 5.2 信息提示框组件 5.2.1 Ext.MessageBox简介 5.2.2 Ext.MessageBox.alert() 5.2.3 Ext.MessageBox.confirm() 5.2.4 Ext.MessageBox.prompt() 5.2.5 Ext....
extjs4.0 实现了主页面框架(主框架使用Ext.Viewport,banner使用Ext.panel.Panel,通过toolbar来放置按钮),包括左侧动态菜单实现(采用Ext.tree.Panel)动态从数据库加载数据来显示菜单(后台代码也在了通过json...
8.1.3 Panel的body的样式范围 224 8.2 Form表单组件 226 8.2.1 DisplayField控件 226 8.2.2 在FormPanel中使用TabPanel 229 8.2.3 DirectLoad与DirectSubmit 232 8.2.4 使用DirectSubmit上传文件 235 8.3 Grid组件 ...
var p=new Ext.Panel({ title:'测试面板', collapsible:true, renderTo:'base',//被渲染的对象,渲染的对象必须是ID width:400, html:'<b>内容</b>> <a>test</a>', tbar:[ {text:'新增'},{text:'修改'},...
5.1.5 Ext.Panel 5.1.6 Ext.TabPanel 5.2 信息提示框组件 5.2.1 Ext.MessageBox简介 5.2.2 Ext.MessageBox.alert() 5.2.3 Ext.MessageBox.confirm() 5.2.4 Ext.MessageBox.prompt() 5.2.5 Ext....
//创建面板 Ext.create(‘Ext.grid.Panel’, { title: ‘easy grid’, width: 400, height: 300, renderTo: Ext.getBody(), frame: true, viewConfig: { forceFit: true, stripRows: true }, store: {//配置数据...
第二十七章:选项卡面板——Ext.TabPanel 214 一、关于魅族和M8 214 二、TabPanel概述 214 三、TabPanel标签操作 216 四、标签弹出菜单 217 五、小结 220 第二十八章:Viewport类 221 一、概述 221 二、Viewport的...
一、Accordion布局由类Ext.layout.Accordion定义,表示可折叠的布局,点击每一个子元素的头部名称或右边的按钮,则会展开该面板,并收缩其它已经展开的面板。 layoutConfig:true表示在执行展开折叠时启动动画效果,...
ExtJS中窗口是由Ext.Window类定义,该类继承自Panel,因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。
+所有的面板默认有两个集合属性(Toolbars和Items). -尽管TabStrip, From, Tree, Accordion继承了Items属性,但是你并不能对其设置(此时Items是只读的). -这将会影响所有的aspx页面,一定要将工具条...
ExtJs6的 mordern 版的【日历导航+月视图控件】里面的ajax部分需要自己根据自身系统的框架进行处理,详细的一些细节还没处理,整体逻辑可以参考。
Ext JS4学习教程+笔记(一) Ext JS4学习教程+笔记(二)事件处理 ...Ext JS4学习教程+笔记(七)树面板Tree Panel Ext JS4学习教程+笔记(三)Ajax请求 Ext JS4学习教程+笔记(五)Form Panel的使用 Ext学习网址
ExtPlane面板2 由ExtPlane支持的用于飞行模拟器的外部联网驾驶舱面板,例如X-Plane,Condor和FlightGear。... X-Plane SDK不需要构建ExtPlane-Panel。 目标硬件是: 台式电脑 安卓 树莓派 任何会运行Qt的东西! 下载