Extjs-gird表格设置遇到的问题，在线求高手解答
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript">
Ext.require('Ext.window.*');
Ext.onReady(function(){
var data=[
{id:1,
name:'小王',
email:'xiaowang@easyjf.com',
sex:'男',
bornDate:'1991-4-4'
},
{id:2,
name:'小李',
email:'xiaoli@easyjf.com',
sex:'男',
bornDate:'1992-5-6'
},
{id:3,
name:'小兰',
email:'xiaoxiao@easyjf.com',
sex:'女',
bornDate:'1993-3-7'
}
];
var store=new Ext.data.JsonStore({
data:data,
fields:["id","name","sex","email",{name:"bornDate",type:"date",dateFormat:"Y-n-j"}]
});
var colM=new Ext.grid.ColumnModel([
{header:"姓名",
dataIndex:"name",
sortable:true,
editor:new Ext.form.TextField()
},
{header:"性别",
dataIndex:"sex",
editor:new Ext.form.ComboBox({transform:"sexList",triggerAction:"all",lazyRender:true})
},
{header:"出生日期",
dataIndex:"bornDate",
width:120,
renderer:Ext.util.Format.dateRenderer('Y年m月d日'),
editor:new Ext.form.DateField({format:'Y年m月d日'})
},
{header:"电子邮件",
dataIndex:"email",
sortable:true,
editor:new Ext.form.TextField()
}
]);
var grid=new Ext.grid.EditorGridPanel({
renderTo:"hello",
title:"学生基本信息管理",
height:200,
width:600,
cm:colM,
store:store,
autoExpandColumn:3,
clicksToEdit:1,
});
});
</script>
<title>EXT.grid</title>
</head>
<body>
<div id="hello"></div>
</body>
</html>
为什么没有运行结果，在线求解答案。 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript">
Ext.require('Ext.window.*');
Ext.onReady(function(){
var data=[
{id:1,
name:'小王',
email:'xiaowang@easyjf.com',
sex:'男',
bornDate:'1991-4-4'
},
{id:2,
name:'小李',
email:'xiaoli@easyjf.com',
sex:'男',
bornDate:'1992-5-6'
},
{id:3,
name:'小兰',
email:'xiaoxiao@easyjf.com',
sex:'女',
bornDate:'1993-3-7'
}
];
var store=new Ext.data.JsonStore({
data:data,
fields:["id","name","sex","email",{name:"bornDate",type:"date",dateFormat:"Y-n-j"}]
});
var colM=new Ext.grid.ColumnModel([
{header:"姓名",
dataIndex:"name",
sortable:true,
editor:new Ext.form.TextField()
},
{header:"性别",
dataIndex:"sex",
editor:new Ext.form.ComboBox({transform:"sexList",triggerAction:"all",lazyRender:true})
},
{header:"出生日期",
dataIndex:"bornDate",
width:120,
renderer:Ext.util.Format.dateRenderer('Y年m月d日'),
editor:new Ext.form.DateField({format:'Y年m月d日'})
},
{header:"电子邮件",
dataIndex:"email",
sortable:true,
editor:new Ext.form.TextField()
}
]);
var grid=new Ext.grid.EditorGridPanel({
renderTo:"hello",
title:"学生基本信息管理",
height:200,
width:600,
cm:colM,
store:store,
autoExpandColumn:3,
clicksToEdit:1,
});
});
</script>
<title>EXT.grid</title>
</head>
<body>
<div id="hello"></div>
</body>
</html>
为什么没有运行结果，在线求解答案。 展开
展开全部
// Ext.require('Ext.window.*');
Ext.onReady(function(){
var data=[
['1','小王','xiaowang@easyjf.com','男','1991-04-04'],
['2','小李','xiaoli@easyjf.com','男','1992-05-06'],
['3','小兰','xiaoxiao@easyjf.com','女','1993-03-07']
];
var sexdata = [
['0','男'],
['1','女']
]
var store=new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({},[
{name:'id'},
{name:'name'},
{name:'email'},
{name:'sex'},
{name:'bornDate'}
])
});
store.load();
var colM=new Ext.grid.ColumnModel({
defaults: {
sortable: true
},
columns: [
new Ext.grid.RowNumberer(),
{header:"姓名",dataIndex:"name",editor:new Ext.form.TextField()},
{header:"性别",dataIndex:"sex",editor:new Ext.form.ComboBox({store:new Ext.data.SimpleStore({fields:['value','text'],data:sexdata}),emptyText:'请选择', editable:false, allowBlank:false, mode:'local', triggerAction:'all',valueField:'text',displayField:'text'})},
{header:"出生日期",dataIndex:"bornDate",width:120,renderer:Ext.util.Format.dateRenderer('Y年m月d日'),editor:new Ext.form.DateField({format:'Y年m月d日'})},
{header:"电子邮件",dataIndex:"email",editor:new Ext.form.TextField()}
]
});
var grid=new Ext.grid.EditorGridPanel({
renderTo:'hello',
title:"学生基本信息管理",
height:200,
width:600,
cm:colM,
store:store,
autoExpandColumn:3,
clicksToEdit:1
});
});
这个应该是你想要的结果，第一行我注释掉了，后面运行是OK的。你看一下吧，应该是对你有帮助的。
Ext.onReady(function(){
var data=[
['1','小王','xiaowang@easyjf.com','男','1991-04-04'],
['2','小李','xiaoli@easyjf.com','男','1992-05-06'],
['3','小兰','xiaoxiao@easyjf.com','女','1993-03-07']
];
var sexdata = [
['0','男'],
['1','女']
]
var store=new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({},[
{name:'id'},
{name:'name'},
{name:'email'},
{name:'sex'},
{name:'bornDate'}
])
});
store.load();
var colM=new Ext.grid.ColumnModel({
defaults: {
sortable: true
},
columns: [
new Ext.grid.RowNumberer(),
{header:"姓名",dataIndex:"name",editor:new Ext.form.TextField()},
{header:"性别",dataIndex:"sex",editor:new Ext.form.ComboBox({store:new Ext.data.SimpleStore({fields:['value','text'],data:sexdata}),emptyText:'请选择', editable:false, allowBlank:false, mode:'local', triggerAction:'all',valueField:'text',displayField:'text'})},
{header:"出生日期",dataIndex:"bornDate",width:120,renderer:Ext.util.Format.dateRenderer('Y年m月d日'),editor:new Ext.form.DateField({format:'Y年m月d日'})},
{header:"电子邮件",dataIndex:"email",editor:new Ext.form.TextField()}
]
});
var grid=new Ext.grid.EditorGridPanel({
renderTo:'hello',
title:"学生基本信息管理",
height:200,
width:600,
cm:colM,
store:store,
autoExpandColumn:3,
clicksToEdit:1
});
});
这个应该是你想要的结果，第一行我注释掉了，后面运行是OK的。你看一下吧，应该是对你有帮助的。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
