EXT
关注
分享
扫一扫
zhaoqian888
这个作者很懒，什么都没留下…
展开
-
ext GridPanel 分页
Ext Ext.onReady(function() { var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ ...原创 2010-10-26 10:26:29 · 198 阅读 · 0 评论 -
Ext.form.Label
2、Ext.form.Label 配置项： html： text：原创 2010-10-10 16:42:40 · 156 阅读 · 0 评论 -
Ext.form.Hidden
1、Ext.form.Hidden原创 2010-10-10 16:42:22 · 228 阅读 · 0 评论 -
Ext.form.Field
4、Ext.form.Field 配置项： name：字段名 value：字段的初始化值 disabled：字段是否不可用，默认为false fieldLabel：字段标签说明 hideLabel：隐藏字段标签，默认为false labelSeparat...原创 2010-10-10 16:41:57 · 142 阅读 · 0 评论 -
Ext.form.FormPanel
3、Ext.form.FormPanel 配置项： items：一个元素或元素数组 buttons：一个按钮配置对象的数组，按钮将被添加到表单页脚中 buttonAlign：按钮的对齐方式，可选值有left、center、right，默认为center labelWidth：表单标签的...原创 2010-10-10 16:41:39 · 138 阅读 · 0 评论 -
Ext.form.BasicForm
2、Ext.form.BasicForm 配置项： baseParams：传递到请求中的参数 method：表单的提交方式，有效值包括GET、POST url：表单默认的提交路径 fileUpload：表单是否进行文件上传 timeout：表单动作的超时时间，默认为30秒...原创 2010-10-10 16:41:21 · 197 阅读 · 0 评论 -
Ext.form.Action
1、Ext.form.Action 配置项： success：执行成功后回调的函数，包括两个参数：form和action failure：执行失败后回调的函数，包括两个参数：form和action method：表单的提交方式，有效值包括GET、POST params：传递到请求中的参数 ...原创 2010-10-10 16:41:03 · 181 阅读 · 0 评论 -
Ext.grid.PropertyGrid
1、Ext.grid.PropertyGrid 主要配置项： customEditors：自定义编辑器。内置编辑器有string、date、number、boolean source：表格要显示的数据对象 主要方法： getSource()：取得数据源对象 s...原创 2010-10-10 16:40:33 · 225 阅读 · 0 评论 -
Ext.grid.EditorGridPanel
1、Ext.grid.EditorGridPanel 主要配置项： clicksToEdit：设置点击单元格进入编辑模式的点击次数，默认为2 autoEncode：是否自动编码/解码HTML内容，默认为false selModel：默认为Ext.grid.CellSelectionModel ...原创 2010-10-10 16:39:56 · 172 阅读 · 0 评论 -
Ext.grid.GroupingView
1、Ext.grid.GroupingView 主要配置项： enableGroupingMenu：是否在表头菜单中进行分组控制，默认为true groupByText：表头菜单中分组控制的菜单文字，默认为'Group By This Field' enableNoGroups：是否允许用户关闭分组...原创 2010-10-10 16:39:29 · 155 阅读 · 0 评论 -
Ext.form.TextField
3、Ext.form.TextField 配置项： allowBlank：是否允许为空，默认为true blankText：空验证失败后显示的提示信息 emptyText：在一个空字段中默认显示的信息 grow：字段是否自动伸展和收缩，默认为false growMin：收缩...原创 2010-10-10 16:43:03 · 245 阅读 · 0 评论 -
Ext.form.TextArea
4、Ext.form.TextArea 配置项： preventScrollbars：是否禁止出现滚动条，默认为false原创 2010-10-10 16:43:16 · 252 阅读 · 0 评论 -
Ext.form.NumberField
5、Ext.form.NumberField 配置项： allowDecimals：是否允许输入小数，默认为true allowNegative：是否允许输入负数，默认为true baseChars：输入的有效数字集合，默认为'0123456789' decimalPrecision：数字...原创 2010-10-10 16:43:39 · 258 阅读 · 0 评论 -
EXT各种组件
本范例展示如何使用表单的各种组件。下拉框组件展示了5种使用范例：普通下拉框、绑定HTML组件的下拉框、树形下拉框、分页下拉框、多选下拉框等。Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = "/widgets/ext-2.2/resources/images/default/s.gif"; Ext.Quic...原创 2010-10-10 16:55:50 · 170 阅读 · 0 评论 -
Ext.form.TimeField
13、Ext.form.TimeField 配置项： maxValue：列表中允许的最大时间 maxText：当时间大于最大值时的错误提示信息 minValue：列表中允许的最小时间 minText：当时间小于最小值时的错误提示信息 increment：两个相邻选项...原创 2010-10-10 16:54:54 · 318 阅读 · 0 评论 -
Ext.form.FieldSet
12、Ext.form.FieldSet 配置项： animCollapse：动画折叠，默认为false checkboxToggle：设置是否显示字段集的checkbox选择框，默认为false checkboxName：指定字段集中用于展开或隐藏字段集面板的checkbox的名字，该属性只有在checkbox...原创 2010-10-10 16:46:02 · 155 阅读 · 0 评论 -
Ext.form.DateField
11、Ext.form.DateField 配置项： maxValue：允许选择的最大日期 maxText：当日期大于最大值时的错误提示信息 minValue：允许选择的最小时间 minText：当日期小于最小值时的错误提示信息 format：日期显示格式，默认为“m...原创 2010-10-10 16:45:28 · 202 阅读 · 0 评论 -
Ext.form.ComboBox
10、Ext.form.ComboBox 配置项： displayField：被显示在下拉框中的字段名 editable：是否可编辑，默认为true forceSelection：输入值是否严格为待选列表中存在的值。如果输入不存在的值，会自动选择第一个最接近的值。 hiddenName：隐...原创 2010-10-10 16:45:07 · 233 阅读 · 1 评论 -
Ext.form.RadioGroup
9、Ext.form.RadioGroup 配置项： allowBlank： blankText：原创 2010-10-10 16:44:47 · 181 阅读 · 0 评论 -
Ext.form.Radio
8、Ext.form.Radio 方法： getGroupValue()： setValue( value {String/Boolean} )：原创 2010-10-10 16:44:31 · 172 阅读 · 0 评论 -
Ext.form.CheckboxGroup
7、Ext.form.CheckboxGroup 配置项： allowBlank：是否允许不选择，默认为true blankText： columns：显示的列数，可选值包括：固定值auto、数值、数组（整数、小数） items：对象数组 vertical：是否垂直方...原创 2010-10-10 16:44:15 · 170 阅读 · 0 评论 -
Ext.form.Checkbox
6、Ext.form.Checkbox 配置项： boxLabel：复选框的文字描述 checked：复选框是否被选择，默认为false handler：当checked值改变时触发的函数，函数包含两个参数：checkbox、checked inputValue： 方法： ...原创 2010-10-10 16:43:57 · 137 阅读 · 0 评论 -
Ext.grid.GridPanel
主要演示以下功能： 包含复选框列、行号列 自定义单元格的渲染 定制表格视图 各种选择模式：单元格、行、复选框 范例源码：var datas = [[1,"张三",24,"Y",new Date(1986,06,09)], [2,"李四",30,"N",new Date(1980,09,13)], [3,"王五",28,"Y&qu原创 2010-10-10 16:39:02 · 95 阅读 · 0 评论 -
Ext.grid.GridPanel
1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：表格是否隔行换色，默认为fa...原创 2010-10-10 16:38:34 · 577 阅读 · 0 评论 -
Ext.layout.CardLayout
Ext.layout.CardLayout扩展自Ext.layout.FitLayout布局，其xtype值为card。切换子面板的唯一途径是调用setActiveItem方法。var panel = new Ext.Panel({ renderTo: "div3", frame: true, layout: "card", ...原创 2010-10-10 16:30:18 · 123 阅读 · 0 评论 -
Ext.layout.Accordion
Ext.layout.Accordion扩展自Ext.layout.FitLayout布局，其xtype值为accordion。 主要配置项： activeOnTop：是否保持展开的子面板处于父面板的顶端，默认为false。 animate：是否在展开或收缩子面板时使用滑动方式，默认为false。 fill：设置子面板是否自动调整高度充满父...原创 2010-10-10 16:29:49 · 99 阅读 · 0 评论 -
Ext.layout.FitLayout
Ext.layout.FitLayout是布局的基础类，其xtype值为fit。使用fit布局将使面板子元素自动充满容器，如果在当前容器中存在多个子面板则只有第一个会被显示。new Ext.Panel({ renderTo: "div1", frame: true, layout: "fit", width: 400, ...原创 2010-10-10 16:29:21 · 101 阅读 · 0 评论 -
Ext.Toolbar
当在工具条中同时出现Menu和Element时，会导致Menu失灵。 1、Ext.Toolbar的常用方法： addButton() addElement() addField() addFill() addSeparator() addText() add() 2、普...原创 2010-10-10 16:28:38 · 106 阅读 · 0 评论 -
Ext.Window
Ext.Window扩展自Ext.Panel，其xtype值为window。 1、主要配置项： closable：是否允许关闭窗口，默认为true。 closeAction：关闭窗口的动作，包括以下两种： close：从DOM删除窗口，销毁窗口及其所属组件，窗口不再可用，重新显示需要调用show方法。此为默认值。 ...原创 2010-10-10 16:27:42 · 245 阅读 · 0 评论 -
Ext.Panel
1、主要配置项： applyTo：在目标元素之后追加组件。 renderTo：将目标元素作为新组件的容器。 frame：是否渲染面板，默认为false。 layout：面板的布局类型。 layoutConfig：被选布局的配置项。 title：设置面板头部的标题信息。 header：设置是...原创 2010-10-10 16:26:36 · 157 阅读 · 0 评论 -
Ext.menu.Menu
1、Ext.menu.Menu的主要配置项： shadow：是否显示阴影或者阴影显示方式，显示方式有sides、frame、drop，默认为true即sides。 items：菜单项数组。 菜单项主要配置项： text：菜单项显示的文字 iconCls：菜单项显示的图标...原创 2010-10-10 16:25:12 · 186 阅读 · 0 评论 -
Ext.SplitButton
2、Ext.SplitButton的主要配置项： arrowHandler：单击箭头按钮时调用的函数。 arrowTooltip：箭头按钮的提示信息。原创 2010-10-10 16:24:39 · 178 阅读 · 0 评论 -
Ext.Button
1、Ext.Button的主要配置项： text：按钮上显示的文字 handler：按钮单击后调用的函数，按钮本身作为参数传入到函数 function onToolbarButton(btn){ alert(btn.id); } menu：按钮菜单。 ...原创 2010-10-10 16:24:20 · 112 阅读 · 0 评论 -
Ext.layout.AnchorLayout
Ext.layout.AnchorLayout是根据容器大小为其所包含的子面板进行定位的布局，其xtype值为anchor。 主要配置项： anchorSize：父容器提供 anchor：子容器提供 加入到使用anchor布局面板中的子面板都支持一个anchor配置项，它是一个包含两个值的字符串，水平值和垂直值。其有效值： 百分比...原创 2010-10-10 16:30:45 · 126 阅读 · 0 评论 -
Ext.layout.AbsoluteLayout
Ext.layout.AbsoluteLayout扩展自Ext.layout.AnchorLayout布局，其xtype值为absolute。根据子面板中配置的x/y坐标进行定位，并且坐标值支持使用固定值和百分比两种形式。new Ext.Panel({ renderTo: "div2", frame: true, layout: "absol...原创 2010-10-10 16:31:10 · 126 阅读 · 0 评论 -
Ext.layout.FormLayout
Ext.layout.FormLayout是为表单特殊设计的布局，其xtype值为form。 主要配置项： labelAlign：字段标签的对齐方式，默认为left。 labelPad：字段标签与字段之间的间距，默认为5。 labelWidth：字段标签的宽度，默认为100。 hideLabels：是否隐藏字段标签，默认为fa...原创 2010-10-10 16:31:37 · 112 阅读 · 0 评论 -
Ext.tree.TreeNode
1、范例包含以下功能点： 节点包含复选框 单击节点触发事件 取得所有选中的节点（包括节点获取焦点和复选框选中两种情况） 2、范例源码Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = "../widgets/ext-3.0/resources/images/defaul...原创 2010-10-10 16:37:37 · 247 阅读 · 0 评论 -
Ext.tree.TreePanel
1、Ext.tree.TreePanel 主要配置项： root：树的根节点。 rootVisible：是否显示根节点，默认为true。 useArrows：是否在树中使用Vista样式箭头，默认为false。 lines：是否显示树线，默认为true。 ...原创 2010-10-10 16:36:19 · 281 阅读 · 0 评论 -
Ext.TabPanel
TabPanel不显示面板的标题和头部工具条。 1、主要配置项： activeTab：初始激活的tab，索引或者id值，默认为none autoTabs：是否自动将带有'x-tab'样式类的div转成tabs添加到TabPanel中，默认为false。 当该配置项设为true时，需要设置deferredRender为fal...原创 2010-10-10 16:34:55 · 156 阅读 · 0 评论 -
Ext.Viewport
Ext.Viewport代表浏览器窗口的整个显示区域，将document body作为渲染对象，它会根据浏览器窗口的大小自动调整自身的尺寸。 在一个页面中只允许出现一个Viewport实例，没有提供对滚动条的支持。Ext.onReady(function(){ var accordion = new Ext.Panel({ title: "功能分...原创 2010-10-10 16:34:02 · 127 阅读 · 0 评论