论坛首页 → 入门讨论版 → EXT →

extjs-grid:自定义编辑器，以时间列为例

 
浏览 128 次
主题：extjs-grid:自定义编辑器，以时间列为例
该帖已经被评为新手帖
作者 正文
  • todayapple
  • 等级: 初级会员
  • 用户头像
  • 性别:
  • 文章: 22
  • 积分: 20
  • 来自: 长沙
时间：2008-07-25
引用
<!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,
customEditors: {
'Start Time':new Ext.grid.GridEditor(new Ext.form.TimeField({selectOnFocus:true}))
},
source: {
'Start Time':'10:00 AM'
}

});

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

});


</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>
返回顶楼
   
 
论坛首页 → 入门讨论版 → EXT

跳转论坛:
JavaEye推荐