TypeError when using CompositeField

[swarco_jesper]

Hi,
I am working on a frontend for a system at my job - using ExtJS 3.4. It is basically a tabpanel with a table layout. In my table I have 5 "subpanels" with different colspans.

One of the "subpanels" is a form panel... so far so good - this works fine... In the form I have a number of checkbox groups and textfields and one of these textfields needs a button next to it.

After some searching I found the compositefield and realized this would solve my problem. I do however get this error when using a compositefield:

Uncaught TypeError: undefined is not a function

The compositefield is setup like this:

                               {
                                    xtype: 'compositefield',
                                    defaults:
                                    {
                                        flex: 1
                                    },
                                    items: [
                                    {
                                        xtype:"numberfield",
                                        fieldLabel:"Set PIN",
                                        id:"pin_value",
                                        name: 'pin_value'
                                    },
                                    {
                                        xtype: 'button',
                                        text: 'Remove PIN',
                                        name: 'remove_pinBtn',
                                        handler: function() {/* submit code */ }
                                    }]
                                }

The code snippet is an item in a form panel - didn't think it was necessary to post the entire form as this works fine without the compositefield (i.e I comment out the compositefield item).

[mitchellsimoens]

That error is usually from using an xtype that is not registered.

[swarco_jesper]

That error is usually from using an xtype that is not registered.

Thanks for the input but I must admit I am not following... The xtype is defined in accordance with ExtJS 3.4 documentation

[amandaharlin]

I could be wrong, but I think he means you have to check to see if the xtype has been registered with the component manager.

<!--this is how i've handled checking to see if the xtype is registered with the componentMgr-->
 <listeners
            cr:primaryType="nt:unstructured"
            add="function() { if(!CQ.Ext.ComponentMgr.isRegistered('multiImageUploaderField')){location.reload();}}"/>
            
            
            
            
            
<!--that example comes from my src below. hope it gives you a better idea.-->            
  <items jcr:primaryType="cq:WidgetCollection">
            <slideshow
                jcr:primaryType="cq:Widget"
                title="Slideshow"
                width="629"
                xtype="panel">
                <items jcr:primaryType="cq:WidgetCollection">
                    <gallery
                        jcr:primaryType="cq:Widget"
                        fieldLabel="Set Images"
                        hideLabel="{Boolean}true"
                        name="./gallery"
                        title="Gallery"
                        xtype="multifield">
                        <fieldConfig
                            jcr:primaryType="nt:unstructured"
                            xtype="multiImageUploaderField"/>
                        <listeners
                            jcr:primaryType="nt:unstructured"
                            add="function() { if(!CQ.Ext.ComponentMgr.isRegistered('multiImageUploaderField')){location.reload();}}"/>
                    </gallery>
</items>