未捕获的类型错误：无法读取空 CQ 的属性 'dom' - extjs

Question

我在控制台中收到"Uncaught TypeError:Cannot read property'dom'of null"错误，不确定以下代码出了什么问题。感谢您的帮助。

 <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>