当前位置: 代码迷 >> JavaScript >> ExtJs4.0 grid报表不显示数据
  详细解决方案

ExtJs4.0 grid报表不显示数据

热度:48   发布时间:2013-10-22 16:17:03.0
ExtJs4.0 grid表格不显示数据
Ext.require([
    'Ext.data.*',
    'Ext.grid.*', 
    'Ext.form.*',
    'Ext.toolbar.Paging'
]);

Ext.onReady(function() {
    Ext.QuickTips.init();
Ext.define('User', {
extend : 'Ext.data.Model',
fields: [
           {name: 'userID',type:'int',mapping:'userID'},
           {name: 'deptNo',type:'int'},
           {name: 'userCode',type: 'string'},
           {name: 'userName',type: 'string'},
           {name: 'deptName',type: 'string'},
           {name: 'parentDeptName', type:'string'},
           {name: 'userPsw', type:'string'},
           {name: 'userSex',type:'string'},
           {name: 'userTel',type:'string'},
           {name:'userEmail',type:'string'}
         ]});
    
    var gridStore = Ext.create('Ext.data.Store', {
     storeId:'userGridStore',
         model : 'User',
proxy : {
type : 'ajax',
//url:'user/user.json'
url : 'getUserGridJson.action'
},
reader:{
type:'json',
root:'items'
},
autoLoad : true 
    });
 
    var grid = Ext.create('Ext.grid.Panel', {
        store: gridStore,
        columnLines: true,
        height: 460,
        width: 900,
        title: '用户管理',
         frame : true, 
selType : 'rowmodel',
        viewConfig: {
         loadMask : {msg : '正在加载数据,请稍等...' },
            stripeRows: true 
        },
        renderTo: 'user_grid',
        columns: [{ 
            header     : '登录名',
            //locked   : true,
            width    : 100,
            sortable : false,
            dataIndex: 'userCode',
            menuDisabled:true
        },{
            header     : '用户名称',
            //locked   : true,
            width    : 100,
            sortable : false,
            dataIndex: 'userName'
        },{
            header     : '部门名称',
            width    : 125,
            sortable : true, 
            dataIndex: 'deptName'
        },{
            header     : '上级部门',
            width    : 125,
            sortable : true, 
            dataIndex: 'parentDeptName'
        },{
            header     : '性别',
            width    : 60,
            sortable : true, 
            dataIndex: 'userSex'
  相关解决方案