日期:2014-05-17  浏览次数:20398 次

Ext4 grid显示问题
我在网上找的代码,为什么我的什么都不显示。
JScript code
Ext.onReady(function() {
          Ext.define('simpsonsStore',{
            extend:'Ext.data.Store',
            fields:['name', 'email', 'phone'],
            data:{'items':[
                {"name":"Lisa", "email":"lisa@simpsons.com", "phone":"555-111-1224"},
                {"name":"Bart", "email":"bart@simpsons.com", "phone":"555--222-1234"},
                {"name":"Homer", "email":"home@simpsons.com", "phone":"555-222-1244"},
                {"name":"Marge", "email":"marge@simpsons.com", "phone":"555-222-1254"}
            ]},
            proxy: {
                type: 'memory',
                reader: {
                    type: 'json',
                    root: 'items'
                }
            }
        }); 
            

          Ext.create('Ext.grid.Panel', {
              title: 'Simpsons',
              store: new simpsonsStore,
              columns: [
                  {header: 'Name',  dataIndex: 'name'},
                  {header: 'Email', dataIndex: 'email', flex:1},
                  {header: 'Phone', dataIndex: 'phone'}
              ],
              height: 200,
              width: 400,
              renderTo: Ext.getBody()
          });
    })     


------解决方案--------------------
不显示可能是js出错。
你开启浏览器调试模式,可能看得到结果。
------解决方案--------------------
store: new simpsonsStore,
修改为
store: new simpsonsStore(),

这样new一下什么都没有,要加括号执行下的,要不你直接用数据源对象,不这么写也是可以的
------解决方案--------------------
自己调试下 装个JS 调试监控插件.要么就用 火狐 fireBug