fire click event on an element

[flamant]

Hi,

I have set a click event on a panel this way :

newPanel = new Ext.Panel({
                                id: 'rowGridPanel_'+sptNbr+'_'+gridNbr+'_'+recordId,
                                layout: 'absolute',
                                recordId: recordId,
                                rowSeq: rowSeq,
                                x: 0,
                                y: powerBuilderYUnitsToPixels(yMaxGridHeader-yMinGridHeader+i*(yMaxGrid-yMinGrid+30)),
                                height: powerBuilderYUnitsToPixels(yMaxGrid-yMinGrid+30),
                                items: formFields,
                                listeners: {
                                    afterrender : function(scope) {
                                        var record = remoteGridJsonStore.getById(scope.recordId);
                                        if (record.get('markToDelete') == true) {
                                            scope.body.addClass('markToDelete');
                                        }
                                        var elt = scope.getEl();
                                        elt.on('click', clickFunction.createDelegate(scope, [sptNbr, gridNbr, scope.recordId,remoteGridJsonStore]));
                                    }
                                }
                            });

afterwards I would like to fire this click event from Ext.getCmp('rowGridPanel_'+sptNbr+'_'+gridNbr+'_'+recordId).

How can I do that ?

Thank you in advance for your answers

[Animal]

Just call the handler function.

[flamant]

I already tried Ext.getCmp('rowGridPanel_'+sptNbr+'_'+gridNbr+'_'+recordId).fireEvent('click'); but it doesn't work

[Animal]

Call the handler!

I'm really concerned about your nested, ID driven code...

'rowGridPanel_'+sptNbr+'_'+gridNbr+'_'+recordId

It's in every snippet you post, and indicates a non OO design where everything is just "there" and has to be accessed through a complex web of IDs.

[flamant]

Hi animal,

I called the handler and it works fine . Thanks a lot.

can you be more precise about your remark when you say that it indicates a non OO design. Can you give me an example.

[darthwes]

@Flamant, the use of ids to select components is certainly acceptable. However, when you build your own extensions (objects) over the Ext library, you can use scope to find the important objects (this.ownerCt, this.getChild, this.store.get, rec.get("")), allowing you to remove ids from your components since you don't need to use them anymore, and making your system more whole and simpler to debug, read, and maintain.

MyNS.App.FieldSet = Ext.extend(Ext.form.FieldSet, {
  initComponent: function() {
    MyNS.App.FieldSet.superclass.initComponent.call(this);
    this.numFields = this.numFields || 4;
    this.buildFields();
    this.on('customEvent', this.checkFields());
  },

   buildFields: function() {
    var iMax = this.numFields;
    for(var i = 0; i < iMax; i++) {
      this.add(new Ext.field.TextField({...});
    }
  },
  checkFields: function() {
    var myFields = this.items.items;
    //loop over them, whatever
  }
});

(Untested)

See? No need for ids.