Hi,
I am trying to integrate the excellent Ext.ux.grid.Search Plugin by Saki but I don't know exactly how to proceed. My grid is defined as a JSON array inside a big 'homeContainerUi' class, and I would like to add dynamically the search box in this grid, so I won't have to touch 'homeContainer.ui'.
I've got a class 'homeContainer' that extends 'homeContainerUI', and I've been trying to add it there but didn't manage to make it work:
Code:
homeContainer = Ext.extend(homeContainerUi, {
initComponent: function() {
homeContainer.superclass.initComponent.call(this);
mygrid = Ext.getCmp('MyGrid'); // I get MyGrid object
//this is the search box plugin I want to add
myplugin = {plugins:[new Ext.ux.grid.Search({
iconCls:'icon-zoom'
,align: 'right'
,width: 150
,readonlyIndexes:['note']
,disableIndexes:['pctChange', 'id', 'form_id', 'data_entrevista', 'distrito','subdistrito','suco','aldeia']
,checkIndexes: 'all'
,minChars:2
,autoFocus:true
})]};
//here I attempt to add it
mygrid.add(myplugin);
}
});
Any suggestions on how to proceed? Many thanks in advance