Ext.grid.PropertyGrid

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");