extjs的grid在页面上无法显示-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

extjs的grid在页面上无法显示

2016-03-12 09:42:04 1941 1

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!'
          })
 });
});
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:00:09

    reader是proxy的配置

        proxy :new Ext.data.HttpProxy({
        url: 'test', // 相对路径
        reader: new Ext.data.JsonReader({
            totalProperty: 'totalCount', //总条目数
            root: 'students' //数据
        })
    })
    0 0
相关问答

1

回答

JSP如何在页面中引入Tag标签库JSTL呢?

2021-11-02 13:02:14 211浏览量 回答数 1

1

回答

导入SDK后运行crash,提示image not found,该如何解决?

2020-03-30 13:59:44 313浏览量 回答数 1

1

回答

为什么配置完ssm框架的web.xml内容后,之前能显示.jsp页面报404

2019-08-13 18:18:39 338浏览量 回答数 1

2

回答

http://www.3ship.cn/english/contact.asp为什么处罚

2019-01-14 11:52:17 452浏览量 回答数 2

1

回答

url http:// localhost:8081 / jars /:jarid / run的错误404

2018-12-10 11:39:53 2056浏览量 回答数 1

1

回答

edas进入报错Not authorized

2018-09-07 15:51:27 916浏览量 回答数 1

0

回答

ARM Mbed IoT-Internet of Possible II copy (1)

2018-06-25 22:13:11 804浏览量 回答数 0

3

回答

java如何读取pdf文件并局部显示在html页面上?

2017-03-02 16:13:37 8414浏览量 回答数 3

3

回答

免费的SSL证书,为什么在PC浏览的时候正常,但手机Chrome访问页面限制证书不可信呢?

2016-10-28 18:10:24 4775浏览量 回答数 3

1

回答

Extjs+asp.net json数据正常,前台不显示

2016-07-06 14:05:18 1740浏览量 回答数 1
2709
文章
6591
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载