Question

I am creating a form dynamically from the fields returned from server using json e.g. data is

"items": [
    {"xtype": "textfield", "fieldLabel": "Name", "name": "name"}, 
    {"xtype": "textfield", "fieldLabel": "Description", "name": "description"}, 
    {"xtype": "textarea", "fieldLabel": "Text", "name": "text"}
],

Now I want to add a custom plugin to each field usually on client side I do this

plugins:new Ext.ux.plugins.MyPlugin()

but as my form fields are coming from server, how can I add plugin to field e.g. something like this (but that doesn’t work)

"plugins": "Ext.ux.plugins.MyPlugin"

Answer 1

You can also register plugins with a “ptype”:

MyPlug = Ext.extend(Object, {
    init : function(c){
        console.log('fire');
    }
});
Ext.preg('myplug', MyPlug);

new Ext.Component({
    plugins: [{ptype: 'myplug'}]
});