Extjs问答-001.Grid的显示为什么是空白的？

Grid 的显示为什么是空白的：

• Grid 不显示数据
• Store 没有加载
• Grid 是空白的
• Grid 不能渲染
• Grid 没有监听到store

检查以下问题:

1. 你是否使用以下方法定义了grid的高度? (height, autoHeight, 或一个布局为fit的容器)
   

   grid = new Ext.grid.EditorGridPanel({ 
       //其它一些配置...
       
       //不要忘了指定高度!
       //有三种方法: (1) 显示指定高度 (2) 允许地自动高度 (3) 把grid放置到一个布局样式为fit的容器中
       autoHeight:true 
       //-或者-
       height:350

2. 你是否加载了store? store.load()
3. 你是否渲染了grid? 使用下列方法之一可渲染grid:
   • 使用grid的 'renderTo' 或 'el' 属性自动配置
   • 使用grid.render()显示渲染
4. 你渲染的元素是否存在?
5. 如果grid放置在一个标签面板中，请在标签面板中增加 "layoutOnTabChange: true" .
6. 如果使用了JSON, 请检查:
7. • 是否是正确JSON属性格式
   • 确保这它不是一个字符串 (JSON = object)
   • 不要给JSON的属性名加前缀(比如，"my.success"="ext 将不能解析")
   • 硲JSON的结构与你期望的值是一致的
8. JSON的根是否与正在使用的一致?
   • 检查： 
     

     { 'results': 2, 'rows': [{"CodigoProduto":"3009","TipoProduto":"FERT","DescricaoProduto":"7 UP  Reg. 12 GR 1,50 PET",
     "UnidadeMedidaProduto":"TAB","Sabor":"V-REGULAR","CodigoMarca":"35","ProdutoPesoBruto":"19.448",
     "ProdutoPesoLiquido":"18.760","ProdutoPesoUM":"KG","ProdutoVolume":"18.000","ProdutoVolumeUM":"L",
     "ProdutoUM_PAL":"36","Eliminar":""}]
     }

9. 确保你的数据记录是一个数组:
   

   var SecurityItemRecord = Ext.data.Record.create([{name: 'type'}, {name: 'itemName'}]);//OK
   var SecurityItemRecord = Ext.data.Record.create({name: 'type'}, {name: 'itemName'});//NO GOOD

尝试使用firebug跟踪以下问题:

1. firebut中是否有错误报告?
2. 请求是否发送出去了?
3. 请求是否收到了响应?

store 是否加载了?
增加一个监听看store是否加载了或是否有异常。 常见的监听：

• Store ‘datachanged’
• Store ‘load’
• Store ‘loadexception’ - What does loadexception mean?
• Proxy ‘load’ / ‘loadexception’