Extjs学习笔记4-propertyGrid

CROSSCI

于 2012-05-16 11:27:42 发布

阅读量3.6k

点赞数

分类专栏： Extjs4 文章标签： extjs function

本文链接：https://blog.youkuaiyun.com/CROSSCI/article/details/7571900

版权

Extjs4 专栏收录该内容

16 篇文章

订阅专栏

本文记录了ExtJS中PropertyGrid组件的使用，通过代码示例展示了如何获取属性值。提供了详细的文件目录结构，包括app3.js作为JS代码实现和app3.html用于展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：

代码

Ext.onReady(function(){

Ext.create("Ext.grid.property.Grid",{
	title:"MyPropertyGrid",
	width:400,
	renderTo:Ext.getBody(),
	source:{
		"name":"Crossci",
		"Created": Ext.Date.parse('2012-05-15', 'Y-m-d'),
		"available":true,
		"age":19,
		"desc":"good stu"
	}
});
});

禁止编辑的方法

mypropertygrid.on("beforeedit",function(e){
	e.cancel = true;
	return false;
});

获得某一个属性的值：

Ext.Msg.alert("inf",mypropertygrid.store.getById("name").get("value"));

注释：

文件目录结构：

app3.js是js代码

app3.html 是效果展现的地方，其中会引入app3.js