Note that there are some explanatory texts on larger screens.

plurals
  1. POhow to make a full modal window in ext 4?
    primarykey
    data
    text
    <p>like a window in microsoft OS (xp,vista, 7 etc)... </p> <p>if a main window create a modal window, the user can't access the main window,<br> (including close and access the toolbar etc)</p> <p>i want to make a similar one with extjs,.. this is my modal example : </p> <pre><code>Ext.create("Ext.Window",{ title : 'aa', width : 200, height: 150, html : 'a', tbar : [{ text : 'aa' , handler :function(){ Ext.create("Ext.Window",{ title : 'aa', width : 150, closable : false, height: 100, html : 'b', ownerCt : this, modal : true }).show(); } }] }).show(); </code></pre> <p>the problem is, it just disable the main window's body, user still can acces main toolbar, also for closing it..</p> <p>my question is how to make full modal ? or if it can't be done, how to disable main window, if modal window is appear, I have use listener show on modal win, but the problem is i cant access main window from this listener...</p> <p>Edit : </p> <p>this is my code so far : </p> <pre><code>Ext.create("Ext.Window",{ title : 'aa', width : 200, height: 150, html : 'a', maskOnDisable : false, tbar : [{ text : 'aa' , handler :function(a){ var parent = a.up("window"); parent.disable(); Ext.create("Ext.Window",{ title : 'aa', width : 150, height: 100, html : 'b', listeners : { scope : this, "close" : function(){ parent.enable(); }, /* "blur" : function(){ this.focus() } */ } }).show(); } }] }).show(); </code></pre> <p>althougt this is not modal concept, but it seem like what i want..<br> now, i have new problem, <code>maskOnDisable</code> is not works,.. and i need an event like <code>blur</code>, so, if user click parent window, it focus back to popup window...<br> (should i post it as new question ??)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload