论坛首页 入门技术论坛

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

浏览 3085 次
该帖已经被评为新手帖
作者 正文
   发表时间: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>
                                                                                                                                                                         
论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics