1、Ext.grid.PropertyGrid
主要配置项:
customEditors:自定义编辑器。内置编辑器有string、date、number、boolean
source:表格要显示的数据对象
主要方法:
getSource():取得数据源对象
setSource( Object source ):设置数据源对象,数据源格式如下:
grid.setSource({
"(name)": "My Object",
"Created": new Date(Date.parse('10/15/2006')),
"Available": false,
"Version": .01,
"Description": "A test object"
});
2、范例源码
var grid = new Ext.grid.PropertyGrid({
title: "PropertyGrid实例",
width: 300,
height: 300,
frame: true,
source: {
"员工名称": "张三",
"出生日期": new Date(1978, 01, 02),
"性别": "男",
"是否已婚": true,
"年龄": 31
},
customEditors: {
"性别": new Ext.grid.GridEditor(new Ext.form.ComboBox({
editable: false,
displayField: "sex",
mode: "local",
triggerAction: "all",
store: new Ext.data.SimpleStore({
fields: ["sex"],
data: [["男"], ["女"]]
})
})),
//内置的日期编辑器有bug,自定义日期字段的编辑器可解决
"出生日期": new Ext.grid.GridEditor(new Ext.form.DateField({
format: "Y年m月d日",
selectOnFocus: true,
allowBlank: false
}))
}
});
//内置的日期字段格式是”m/j/Y“,如果需要改变默认格式则要通过取得表格的列模式来实现
grid.getColumnModel().dateFormat = "Y年m月d日";
grid.render("div1");
- 大小: 19.7 KB
分享到:
相关推荐
Ex4.0共2个压缩包特性,《ext js权威指南》 ...10.3.4 数据汇总功能:ext.grid.featrue.abstractsummary与ext.grid.featrue. summary / 539 10.3.5 分组功能:ext.grid.featrue.grouping / 543 10.3.6 分组汇总...
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
org.restlet.ext.servlet-2.1.1.jar
NULL 博文链接:https://atian25.iteye.com/blog/1019910
JMeter导入jmx运行脚本时出现这样的错误jmeter.save.SaveService: Conversion error .../lib/ext ==> JMeterPlugins.jar
Ext.data.Store的基本用法 Ext.data.Store的基本用法 Ext.data.Store的基本用法
sqoop-1.4.6.2.3.99.0-195.jar org.restlet-2.4.3.jar org.restlet.ext.servlet-2.4.3.jar
看名字,有需要下jar包
此文档是可编辑表格Ext.grid.EditorGridPanel的说明以及示例的源代码,放到eclipse里面即可运行,显示出效果!
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
1、Ext.TabPanel简单使用 代码:
EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...
var reader = new Ext.data.JsonReader({totalProperty:'totalProperty',root:'root'},record); store = new Ext.data.Store({ proxy:proxy, reader:reader }); //尾 分页 var pagebar = new Ext....
Ext.grid.ColumnModel显示不正常
11、Ext.ux.grid.property.Grid 12、Ext.ux.form.field.TinyMCE 13、Ext.ux.form.field.Grid 主页:https://github.com/harrydeluxe/extjs-ux 注明:在Extjs4.1上是可以使用的,Extjs4.2部分会有问题。
extjs 可编辑的表格树,每个单元格自定义编辑组件,可以自适应列宽,只有源码与例子,运行实例要修改路径,不然图片不能显示,注意etree.jsp的js引入路径 支持Ext2.x以上版本 如运行不了EmailTo : codeme9@gmail....
封装Ext.grid.Grid+dwr实现增删该查
Ext.grid.GridPanel 删除线 放到example文件夹下运行
org.restlet.ext.spring.jar
NULL 博文链接:https://zhangxiaodan0523-163-com.iteye.com/blog/1829467