Databases
StackOverflow2013
Postsdbo
POExtJS MVC -- Correct Way to launch dynamic modals
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POExtJS MVC -- Correct Way to launch dynamic modals
    primarykey
    data
    text
    <p>I'd like to use a single function <code>onLaunchWindow()</code> to launch different unique windows. The event is fired in the view and handled by a switch statement in the controller. In this example I'm firing an "add" event. I'd like to expand on this and include other scenarios such as "remove, edit, etc." My problem is I don't want to have to declare the <code>Ext.window</code> and it's config in my controller but I'm not sure how to proceed otherwise. Ideally I'd like to declare the <code>Ext.window</code> as an object in my view and pass it to the <code>onLaunchWindow()</code> function and change it's config on the fly to suite different needs in my application.</p> <p>More plainly, I think, I need to access and modify the objects config after it has already been constructed. </p> <p>View </p> <pre><code>... , xtype: "button" itemId: "testButton" iconCls: "test-icon test-add" tooltip: "Launch a Modal with Unique Properties" hidden: false margin: "0, 5, 0, 5" cls:'x-btn-default-small' border: 1 handler: () =&gt; action = "add" @fireEvent( 'launchwindow', action ) style: borderColor: '#D1D1D1', borderStyle: 'solid' , ... </code></pre> <p>Controller</p> <pre><code>... control: view: 'launchwindow': ( action ) -&gt; @onLaunchWindow( action ) ... onLaunchWindow: ( action ) -&gt; switch ( action ) when "add" window = Ext.create( "Ext.Window", layout: "fit" width: 500 height: 300 modal: true closeAction: "hide" title: "Add" items: [ { } ] ) ... </code></pre> <p>I've also tried declaring the window as an object in the view and passing it to the <code>onLaunchWindow()</code> function and setting it's config via <code>Ext.apply()</code> this works well for one window but I can't seem to reset the config each time the function is called.</p> <p>Any help would be greatly appreciated!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCadean
    1. USCadean
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. COI don't really understand what your question is. Are you specifically asking about using the `switch`? Or that you're using the config inline in the controller?
      singulars
      1. POExtJS MVC -- Correct Way to launch dynamic modals
      1. USEvan Trimboli
    2. COMy question is more about where to declare `Ext.Window` and it's config in a MVC pattern app and whether I can dynamically change it's config. The question is how can I use one function `onLaunchWindow()` above to launch different modals.
      singulars
      1. POExtJS MVC -- Correct Way to launch dynamic modals
      1. USCadean
    3. COI'm also concerned that the controller is not the proper place to declare the window and it's config but can't come up with a good solution given that I fire an event from the view and handle which window to show in the controller.
      singulars
      1. POExtJS MVC -- Correct Way to launch dynamic modals
      1. USCadean
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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