Databases
StackOverflow2013
Postsdbo
POWPF MVVM Modal Overlay Dialog only over a View (not Window)
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWPF MVVM Modal Overlay Dialog only over a View (not Window)
    primarykey
    data
    text
    <p>I'm pretty much new to the MVVM architecture design...</p> <p>I was struggling lately to find a suitable control already written for such a purpose but had no luck, so I reused parts of XAML from another similar control and got make my own.</p> <p>What I want to achieve is:</p> <p>Have a reusable View (usercontrol) + viewmodel (to bind to) to be able to use inside other views as a modal overlay showing a dialog that disables the rest of the view, and shows a dialog over the it. </p> <p><img src="https://i.stack.imgur.com/jLA5d.png" alt="enter image description here"></p> <p>How I wanted to implement it:</p> <ul> <li>create a viewmodel that takes string(message) and action+string collection(buttons)</li> <li>viewmodel creates a collection of ICommands that call those actions</li> <li>dialog view binds to the its viewmodel that will be exposed as property of another viewmodel (parent)</li> <li>dialog view is put into the xaml of the parent like this:</li> </ul> <p>pseudoXAML:</p> <pre><code> &lt;usercontrol /customerview/ ...&gt; &lt;grid&gt; &lt;grid x:Name="content"&gt; &lt;various form content /&gt; &lt;/grid&gt; &lt;ctrl:Dialog DataContext="{Binding DialogModel}" Message="{Binding Message}" Commands="{Binding Commands}" IsShown="{Binding IsShown}" BlockedUI="{Binding ElementName=content}" /&gt; &lt;/grid&gt; &lt;/usercontrol&gt; </code></pre> <p>So here the modal dialog gets the datacontext from the DialogModel property of the Customer viewmodel, and binds commands and message. It would be also bound to some other element (here 'content') that needs to be disabled when the dialog shows (binding to IsShown). When you click some button in the dialog the associated command is called that simply calls the associated action that was passed in the constructor of the viewmodel.</p> <p>This way I would be able to call Show() and Hide() of the dialog on the dialog viewmodel from inside the Customer viewmodel and alter the dialog viewmodel as needed.</p> <p>It would give me only one dialog at a time but that is fine. I also think that the dialog viewmodel would remain unittestable, since the unittests would cover the calling of the commands that ought to be created after it being created with Actions in the constructor. There would be a few lines of codebehind for the dialog view, but very little and pretty dumb (setters getters, with almost no code).</p> <p>What concerns me is:</p> <p>Is this ok? Are there any problems I could get into? Does this break some MVVM principles?</p> <p>Thanks a lot!</p> <p>EDIT: I posted my complete solution so you can have a better look. Any architectural comments welcome. If you see some syntax that can be corrected the post is flagged as community wiki.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMarino Šimić
    1. USMarino Šimić
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    3. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POWPF MVVM Modal Overlay Dialog only over a View (not Window)
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POWPF MVVM Modal Overlay Dialog only over a View (not Window)
      1. USSmudge202
      1. VTFavorite
    3. VO
      singulars
      1. POWPF MVVM Modal Overlay Dialog only over a View (not Window)
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhat about a styled/templated BusyIndicator? Does this exist in WPF? I think a ChildWindow is not what you want
      singulars
      1. POWPF MVVM Modal Overlay Dialog only over a View (not Window)
      1. USJehof
    2. COWhat I want is some kind of MessageBox that does not block the whole Window but just the View in which it is applied. Having a busy indicator is merely a matter of style (ie. The Messagebox is not much different from a busy indicator in that case - since the parent viewmodel can use Hide and SHow - just a variation of the MessageBox without message and commands - call it WaitBox).
      singulars
      1. POWPF MVVM Modal Overlay Dialog only over a View (not Window)
      1. USMarino Šimić
 

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