Question

I need specific IDs on ExtJS generated window buttons, but I’m having trouble specifying the ID. The documentation claims that this should be possible, but I still get an autogenerated id when I specify my own.

What gives?

dialog = new Ext.Window({
            closeAction:'hide',
            plain: true,
            buttons: [
                {
                    id: 'my-dialog',
                    text: 'Done',
                    handler: function() {
                        dialog.hide();
                    }
                }
            ],
            items:new Ext.Panel({
                applyTo:'add-document-popup-panel'
            }),
            title: 'Add Documents',
            layout: 'fit',
            resizable: false,
            draggable: false,
            width: 300,
            height: 300,
            modal: true
        });
    }
    dialog.show(this);

Answer 1

Check this topic: http://www.sencha.com/forum/showthread.php?24433-CLOSED-Cannot-assign-id-to-button-extjs-bug

The id of the container of the button is set, not the HTML button itself.