Uncaught TypeError：無法讀取屬性'空'的空CQ - extjs

Question

我得到「Uncaught TypeError：無法讀取控制檯中的屬性'空'的錯誤」錯誤，不知道以下代碼有什麼問題。 任何幫助表示讚賞。

<div id='fi-form'></div> 
<script> 
    CQ.Ext.onReady(function(){ 


    var card = new CQ.Ext.Panel({ 
     applyTo : 'fi-form', 
     title: 'Example Wizard', 
     layout:'form', 
     activeItem: 0, 
      bodyStyle: 'padding:15px', 
      defaults: { 
       // applied to each contained panel 
      border:false 
      }, 
     // the panels (or "cards") within the layout 

    items: [{ 
    id: 'card-0', 
    xtype: 'fileuploadfield', 
    fieldLabel: 'Photo', 
    name: 'photo-path', 
    buttonCfg: ' ' 

}] 
}); 

}); 
</script> 

Answer 1

這是因爲你的空buttonCfg屬性。刪除它，你不應該再看到這個錯誤。

如果您使用CQ 5.5及以上版本，則最好使用html5fileuploadfield代替。

<div id='fi-form'></div> 
<script> 
    CQ.Ext.onReady(function(){ 
     var card = new CQ.Ext.Panel({ 
      applyTo : 'fi-form', 
      title: 'Example Wizard', 
      layout:'form', 
      activeItem: 0, 
      bodyStyle: 'padding:15px', 
      defaults: { 
       // applied to each contained panel 
       border:false 
      }, 
      // the panels (or "cards") within the layout 
      items: [{ 
       id: 'card-0', 
       xtype: 'html5fileuploadfield', 
       fieldLabel: 'Photo', 
       name: 'photo-path' 
      }] 
     }); 
    }); 
</script>