如何在自定义小部件中添加html5smartimage？（AEM 5.6.1）

Question

我正在尝试使用ExtJS在多字段中添加html5smartimage。标签显示但我无法添加图像。我使用的代码如下。

this.image=new CQ.html5.form.SmartImage({
        fieldLabel : "Image",
        allowBlank : false,
        allowUpload:"{Boolean}false",
        border:"{Boolean}true",
        cropParameter:"",
        ddGroups:"[media]",
        disableInfo:"{Boolean}true",
        disableZoom:"{Boolean}true",
        fileNameParameter:"",
        fileReferenceParameter:"./image/fileReference",
        height:"{Long}500",
        mapParameter:"",
        name:"file",
        requestSuffix:"",
        rotateParameter:"",
        title:"Image",
        listeners : {
            change : {
                scope : this,
                fn : this.updateHidden
            },
            dialogclose : {
                scope : this,
                fn : this.updateHidden
            }
        }
    }); 

请提出解决方案。