PropertyGrid表格样式

todayapple

浏览: 40791 次
性别:
来自: 北京

最近访客更多访客>>

springstudent

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

AJAX—EXT2.0

EXT prototype HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
   <title> New Document </title>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
    <script type="text/javascript" src="adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext-all.js"></script>
</head>

<body>

<br>
<script>

Ext.onReady(function(){

//定义表格
var grid = new Ext.grid.PropertyGrid({
title:'属性表格',
renderTo: 'grid',
width:300,
autoHeight: true,
source: {
"名字":"张三",
"创建时间":new Date(Date.parse('12/15/2007')),
"是否有效":false,
"版本号": .01,
"描述":"descn"

}

});

//可选的。用来控制VALUE是不是可修改的
grid.on("beforeedit",function(e) {
e.cancel = true;
return false;
});

});

//为了取消NAME那一列的默认排序
Ext.grid.PropertyGrid.prototype.initComponent = function () {
this.customEditors = this.customEditors || {};
this.lastEditRow = null;
var store = new Ext.grid.PropertyStore(this);
this.propStore = store;
var cm = new Ext.grid.PropertyColumnModel(this,store);
// store.store.sort('name','ASC');
this.addEvents(
'beforepropertychange',
'propertychange'
);
this.cm = cm;
this.ds = store.store;
Ext.grid.PropertyGrid.superclass.initComponent.call(this);

this.selModel.on('beforecellselect',function(sm,rowIndex,colIndex) {
if(colIndex == 0) {
this.startEditing.defer(200,this, [rowIndex,1]);
return false;
}
},this);
};

    </script>


<table border="1" align="center">
<tr>
<td><font color="red">PropertyGrid表格样式如下：</font></td>
</tr>
<tr>
<td><div id="grid" > </div></td>
</tr>
<tr>
<td><input type="submit" id="remove" value="提交内容"/></td>
</tr>

</table>
</body>
</html>

分享到：

grid表格里的复选框架，改字体色，加图片 | EXT里的EditorGridPanel

2008-07-25 14:42
浏览 1718
评论(0)
论坛回复 / 浏览 (0 / 3477)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论