一个panel放入grid的东东，老是报错，各位高手帮我看下

Question

老是报错item is null
[code="java"]Ext.onReady(function() {
var dataStore = Ext.create('Ext.data.JsonStore', {
proxy : Ext.create('Ext.data.HttpProxy', {
url : '/smc_web/role.do?method=roleList'
}),
root : 'root',
fields : [ 'name', 'isdefault', 'status', 'creatorid', 'createdtime',
'lastmodifierid', 'lastmodifiedtime', 'delflag', 'remark' ]
});
var dataPaging = Ext.create('Ext.PagingToolbar', {
pageSize : 12,
store : dataStore,
displayInfo : true,// 显示详细信息
displayMsg : '第 {0} – {1} 条数据，共 {2} 条数据',
emptyMsg : "没有检索到数据…"
});
var sm = new Ext.selection.CheckboxModel();
var nm = new Ext.grid.RowNumberer();
var col = [ nm, sm, {
header : '角色名称',
width : 20,
sortable : false,
dataIndex : 'name'
}, {
header : '是否缺省',
width : 20,
sortable : false,
dataIndex : 'isdefault'
}, {
header : '状态',
width : 20,
sortable : false,
dataIndex : 'status'
}, {
header : '创建者',
width : 20,
sortable : false,
dataIndex : 'creatorid'
}, {
header : '创建时间',
width : 20,
sortable : false,
dataIndex : 'createdtime'
}, {
header : '最后修改者',
width : 20,
sortable : false,
dataIndex : 'lastmodifierid'
}, {
header : '最后修改时间',
width : 20,
sortable : false,
dataIndex : 'lastmodifiedtime'
}, {
header : '删除标志',
width : 20,
sortable : false,
dataIndex : 'delflag'
}, {
header : '描述',
width : 20,
sortable : false,
dataIndex : 'remark'
} ];
var rolePanel = Ext.create('Ext.panel.Panel', {
autoWidth : true,
height : 500,
layout : 'border',
border : false,
items : [ {
title : '查询',
region : 'north',
xtype : 'panel',
height : 80,
autoWidth : true,
collapsible : true
}, {
title : '操作',
region : 'center',
xtype : 'panel',
height : 80,
collapsible : true,
id : 'west-region-container',
layout : 'fit'
}, {
title : '角色列表',
region : 'south',
xtype : 'grid',
layout : 'fit',
height : 340,
columns : col,
store : dataStore,
sm : sm,
/* headerAsText : false, */
bbar : dataPaging
} ],
});
rolePanel.render("rolePanel");
});
[/code]

Answer 1

先用firefox+firebug调一下吧，把自动在错误处中断选项打开，看看是在哪个组件里出的错。