js代码如下,效果就是页眉,页脚,和右边的表单可以显示出来,中间网格空白,F12可以看到请求成功,并且返回了数据,求帮助!
Ext.onReady(function(){
//页面整体布局
var viewport = new Ext.Viewport({
layout:'border',
items:[{
region:'north',
html:'
学生信息管理
'
},grid,{ //这里放网格
region:'east',
html:'表单'
},{
region:'south',
html:'
页脚
'
}]
});
var sexRenderer = function(value){
if(value){
return '男';
}
else{
return '女';
}
};
var store = new Ext.data.JsonStore({
proxy : new Ext.data.HttpProxy({
url : 'test'// 相对路径
}),
reader : new Ext.data.JsonReader({
totalProperty : 'totalCount',//总条目数
root : 'students' //数据
}),
fields : [{
name : 'name'
}, {
name : 'gender'
}, {
name : 'tel'
}, {
name : 'political'
}, {
name : 'professional'
}],
pageSize:2
});
store.load({params:{start:0,limit:2}});
//构造列
var columns = new Ext.grid.ColumnModel([
{header:'姓名',dataIndex:'name'},
{header:'性别',dataIndex:'gender',renderer:sexRenderer}, //为真返回男,否则女
{header:'电话',dataIndex:'tel'},
{header:'政治面貌',dataIndex:'political'},
{header:'专业',dataIndex:'professional'}
]);
columns.defaultSortable = true;
//构造网格
var grid = new Ext.grid.GridPanel({
viewConfig : {
forceFit : true
},
region:'center',
store :store,
cm : columns,
bbar:new Ext.PagingToolbar({
pageSize:2,
store:store,
displayInfo:true,
displayMsg:'show{0}th to {1}th record, sum{2}',
emptyMsg:'No Record!'
})
});
});
reader是proxy的配置
proxy :new Ext.data.HttpProxy({
url: 'test', // 相对路径
reader: new Ext.data.JsonReader({
totalProperty: 'totalCount', //总条目数
root: 'students' //数据
})
})
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。