52,782
社区成员
发帖
与我相关
我的任务
分享
<script type="text/javascript">Ext.onReady(function(){
var data=[[1,"张三",24],[2,"asd",23],[3,"asda",34]];
var Person=new Ext.data.Record.create(
[
{name:"personId",mapping:0},
{name:"personName",mapping:1},
{name:"personAge",mapping:2}
]
);
var grid=new Ext.grid.EditorGridPanel(
{
title:"asdsad",
width:800,
height:400,
frame:true,
//表示单击一次可以编辑,默认是2次
clicksToEdit : 1,
store:new Ext.data.Store(
{
reader:new Ext.data.ArrayReader({id:0},Person),
data:data
}
),
columns:[
{header:"id",width:80,dataIndex:"personId",sortable:false},
{header:"姓名",width:80,dataIndex:"personName",sortable:true},
{header:"年龄",width:80,dataIndex:"personAge",sortable:true,
editor:new Ext.form.NumberField(
{
selectOnFocus:true,
blur:function ()
{
if (this.getValue()<20) {
Ext.Msg.alert("提示","年龄不能小于20");
this.focus(true);
}
}
}
)}
]
}
);
function view()
{
var win = new Ext.Window({
id:"windows",
width:800,
height:400,
plain: true,
modal:true,//顶端显示
items: grid
});
win.show();
}
//调用view方法显示窗体
view();
});</script>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script>
Ext.onReady(function(){
var data=[[1,"张三",24],[2,"asd",23],[3,"asda",34]];
var Person=new Ext.data.Record.create(
[
{name:"personId",mapping:0},
{name:"personName",mapping:1},
{name:"personAge",mapping:2}
]
);
var grid=new Ext.grid.EditorGridPanel(
{
title:"asdsad",
width:800,
height:400,
frame:true,
//表示单击一次可以编辑,默认是2次
clicksToEdit : 1,
store:new Ext.data.Store(
{
reader:new Ext.data.ArrayReader({id:0},Person),
data:data
}
),
columns:[
{header:"id",width:80,dataIndex:"personId",sortable:false},
{header:"姓名",width:80,dataIndex:"personName",sortable:true},
{header:"年龄",width:80,dataIndex:"personAge",sortable:true,
editor:new Ext.form.NumberField(
{
selectOnFocus:true,
blur:function ()
{
if (this.getValue()<20) {
Ext.Msg.alert("提示","年龄不能小于20", function(){
var a = grid.getSelectionModel().getSelectedCell();
grid.startEditing(a[0],a[1]);
});
}
}
}
)}
]
}
);
function view()
{
var win = new Ext.Window({
id:"windows",
width:800,
height:400,
plain: true,
modal:true,//顶端显示
items: grid
});
win.show();
}
//调用view方法显示窗体
view();
});
</script>