ext js的问题 fieldset 里面放一个gridpanel报错。找不到错误崩溃。新手提问


var MsgPanel = new Ext.form.FormPanel({
    renderTo : 'MsgPanel',
    title : '<span style="font-weight:normal"><span>',
    collapsible : false,
    border : true,
    labelWidth :140, // 标签宽度
    frame : true, //是否渲染表单面板背景色
    labelAlign : 'center', // 标签对齐方式
    bodyStyle : 'padding:3 5 0', // 表单元素和表单面板的边距
    buttonAlign : 'center',
    height : 400,
    width : clientWidth,
    items :
    [
        {xtype: 'fieldset', id: 'FsPKGGrpHdr' , title: '<span style="font-weight:normal">信息<span>',collapsible: true,
            items: [{layout : 'column',items:[ {columnWidth:1/2,layout:'form',items:[
    {xtype : 'moneyfield' , name:'detailamountccy' , id:'detailamountccy' , fieldLabel:'明细业务总金额' , anchor:'90%', editable :false, allowBlank:false, blankText:"不能为空，请填写"}
]},
{columnWidth:1/2,layout:'form',items:[
            {xtype : 'moneyfield' , name:'detailamount' , id:'detailamount' , fieldLabel:'明细业务总金额' , anchor:'90%', editable :false, allowBlank:false, blankText:"不能为空，请填写"}
]},
         {xtype: 'fieldset', id: 'FsCdtTrfTxInf' , title: '<span style="font-weight:normal">明细信息<span>',collapsible: true,
            items: [{layout : 'column',items:[
        {columnWidth:1/2,layout:'form',items:[
    {xtype : 'gridpanel' , 
columns: [
             {id:'company', header: "Company", width: 200, sortable: true, dataIndex: 'company'},
             {header: "Price", width: 120, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
             {header: "Change", width: 120, sortable: true, dataIndex: 'change'},
             {header: "% Change", width: 120, sortable: true, dataIndex: 'pctChange'},
             {header: "Last Updated", width: 135, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
              ], 
     sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
     width:600,
     height:300
              }
]},
     ]}]
}

    ]
});