Hi

I'm looking for a way to construct windows with custom additionnal dom on load and possibilities to bind event (for a common toolbar)

I tried to achieve this by extending the Ext.air.NativeWindow class and performing changes to the dom by method "onComplete"

This successfully modify the dom... but not only on the main window (called initially via application.xml config)

Here is my code :

main.html
HTML Code:
<button onclick = "new Test.Window({file: 'test.html'});">New Window()</button><br />
javascript
Code:
Ext.ns('Test');
(function(){
    var Window = Ext.extend(Ext.air.NativeWindow, {
        closable: true,
        maximizable: true,
        minimizable: true,
        resizable: true,
        systemChrome: air.NativeWindowSystemChrome.NONE,
        transparent: true,
        width: 1024,
        height: 768,
       
        constructor: function(config){
            Ext.apply(this, config);
            Window.superclass.constructor.call(this);
            this.center();
            this.show();
        },

        onComplete: function () {
                Ext.DomHelper.append(Ext.get('main').dom, {
                    tag: 'div',
                    html: '--- test ---'
                });
        }
    });
    Test.Window = Window;
})();