Ext.onReady(function(){
var record = Ext.data.Record.create([
{name:'id',type:'string'},
{name:'name',type:'string'},
{name:'desc',type:'string'}
]);
var comboData = [
['0','新版ext教程'],
['1','ext在线支持'],
['2','ext扩展']
];
var sm = new Ext.grid.CheckboxSelectionModel({handleMouseDown:Ext.emptyFn});
var cm = new Ext.grid.ColumnModel([
/*{header:'行号',width:20,renderer:function(value,cellmeta,record,rowIndex){
return rowIndex+1;
}},**/
new Ext.grid.RowNumberer(),
sm,
{header:'数字列',dataIndex:'number',width:40,editor:new Ext.grid.GridEditor(new Ext.form.NumberField({
allowBlank: false,
allowNegative:false,
masValue:10
}))
},
{header:'选择列',dataIndex:'combo',width:80,editor:new Ext.grid.GridEditor(new Ext.form.ComboBox({
store:new Ext.data.SimpleStore({
fields:['value','text'],
data:comboData
}),
emptyText:'请选择',
mode:'local',
triggerAction:'all',
valueField:'value',
displayField :'text',
readOnly:true
})),
renderer:function(value){
return comboData[value][1];
}
},
{header:'日期类型',dataIndex:'date',width:80,editor:new Ext.grid.GridEditor(new Ext.form.DateField({
format:'Y年m月d日',
minValue:'2008-9-23',
disabledDays :[0,6],
disabledDatesText:'只能选工作日'
})),
renderer:function(value){
return value.format("Y年m月d日");
}
},
{header:'判断列',dataIndex:'check',width:80,editor:new Ext.grid.GridEditor(new Ext.form.Checkbox({
allowBlank: false
})),
renderer:function(value){
return value ? '是' :'否';
}
}
]);
var data =[
[1.1,1,new Date(),true],
[2.2,2,new Date(),false],
[3.3,0,new Date(),true],
[4.4,1,new Date(),true],
[5.5,2,new Date(),false]
];
var ds = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader({},[
{name:'number'},
{name:'combo'},
{name:'date'}
])
});
ds.load();//分页的话ds,必须再grid构造以后调用否则分页无效
var grid = new Ext.grid.EditorGridPanel({
clicksToEdit:1,
el:'grid',
ds:ds,
cm:cm,
sm:sm,
viewConfig:{
forceFit:true
},
autoHeight:true,
enableDragDrop:true
});
grid.render();
});红色部分不能在ie下运行,一点日期就报错 怎么办??
var record = Ext.data.Record.create([
{name:'id',type:'string'},
{name:'name',type:'string'},
{name:'desc',type:'string'}
]);
var comboData = [
['0','新版ext教程'],
['1','ext在线支持'],
['2','ext扩展']
];
var sm = new Ext.grid.CheckboxSelectionModel({handleMouseDown:Ext.emptyFn});
var cm = new Ext.grid.ColumnModel([
/*{header:'行号',width:20,renderer:function(value,cellmeta,record,rowIndex){
return rowIndex+1;
}},**/
new Ext.grid.RowNumberer(),
sm,
{header:'数字列',dataIndex:'number',width:40,editor:new Ext.grid.GridEditor(new Ext.form.NumberField({
allowBlank: false,
allowNegative:false,
masValue:10
}))
},
{header:'选择列',dataIndex:'combo',width:80,editor:new Ext.grid.GridEditor(new Ext.form.ComboBox({
store:new Ext.data.SimpleStore({
fields:['value','text'],
data:comboData
}),
emptyText:'请选择',
mode:'local',
triggerAction:'all',
valueField:'value',
displayField :'text',
readOnly:true
})),
renderer:function(value){
return comboData[value][1];
}
},
{header:'日期类型',dataIndex:'date',width:80,editor:new Ext.grid.GridEditor(new Ext.form.DateField({
format:'Y年m月d日',
minValue:'2008-9-23',
disabledDays :[0,6],
disabledDatesText:'只能选工作日'
})),
renderer:function(value){
return value.format("Y年m月d日");
}
},
{header:'判断列',dataIndex:'check',width:80,editor:new Ext.grid.GridEditor(new Ext.form.Checkbox({
allowBlank: false
})),
renderer:function(value){
return value ? '是' :'否';
}
}
]);
var data =[
[1.1,1,new Date(),true],
[2.2,2,new Date(),false],
[3.3,0,new Date(),true],
[4.4,1,new Date(),true],
[5.5,2,new Date(),false]
];
var ds = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader({},[
{name:'number'},
{name:'combo'},
{name:'date'}
])
});
ds.load();//分页的话ds,必须再grid构造以后调用否则分页无效
var grid = new Ext.grid.EditorGridPanel({
clicksToEdit:1,
el:'grid',
ds:ds,
cm:cm,
sm:sm,
viewConfig:{
forceFit:true
},
autoHeight:true,
enableDragDrop:true
});
grid.render();
});红色部分不能在ie下运行,一点日期就报错 怎么办??
format:'Y年m月d日',
minValue:'2008-9-23',
disabledDays :[0,6],
disabledDatesText:'只能选工作日'
}))这部分直接用
new Ext.form.DateField({
format:'Y年m月d日',
minValue:'2008-9-23',
disabledDays :[0,6],
disabledDatesText:'只能选工作日'
})