custom modal in ext.net

in ext.net you can use window for modal
http://examples.ext.net/#/Window/Basic/Show/

but also sometimes this is handy :p


    var winPanel = Ext.getCmp('panelWindowId');
    if (!winPanel) {
        winPanel = new Ext.Window({
            title: 'SLA-Einhaltung gesamt in % nach Onsite Gruppen', //Title of the Window
            id: 'panelWindowId', //ID of the Window Panel
            autoHeight: true, //Height of the Window will be auto
            width: 450, //Width of the Window
            x: 400,
            y: 120,
            resizable: true, //Resize of the Window, if false - it cannot be resized
            closable: true, //Hide close button of the Window
            modal: true, //When modal:true it make the window modal and mask everything behind it when displayed
            contentEl: 'lvl_3_Basis' //ID of the respective 'div'
        });
    }

    function showWindow() {
        winPanel.show();
        //show method has got three optional parameters like animateTarget, callback, Object scope
    }

    function hideWindow() {
        Ext.getCmp('panelWindowId').hide();
        //Even this hide methof has got same three optional parameters like animateTarget, callback, Object scope
        //getCmp method is to retrieve the reference to the component
    }

Comments

Popular posts from this blog

like php