要在MVVM架構(gòu)下實(shí)現(xiàn)模式窗口(Modal Dialogs)，首先，我們需要實(shí)現(xiàn)怎么顯示模式窗口。幸運(yùn)的是，不管是SilverLight3還是SilverLight4都提供了 ChildWindow。當(dāng)然，我們也可以使用第三方控件來實(shí)現(xiàn)。但是最重要的問題是怎么在MVVM架構(gòu)中去實(shí)現(xiàn)模式窗口，即怎么在ViewMode中實(shí) 現(xiàn)，同時要實(shí)現(xiàn)View層和ViewModel的松耦性，另外依照MVVM架構(gòu)思想，ViewModel層不必知道View的樣式，所以我們必須需要一個 接口，例如下圖

　　從上圖可以知道必須定義一個屬性DialogResult，其作用就是確定View層上確定或者取消按鈕是否被點(diǎn)擊。還必須定義兩個方 法：Close和ShowDialog，兩個方法的作用是關(guān)閉和顯示模式窗口。當(dāng)模式窗口被關(guān)閉時，還需要一個事件Closed來處理后續(xù)的操作。最后， 還需要一個屬性Content，這個屬性非常的特殊，為什么這樣說呢?可以有兩種方法來實(shí)現(xiàn)。

　　第一種方法，我可以把屬性Content與屬性DataContext交換數(shù)據(jù)。或者換句話說，我們必須為每個實(shí)體創(chuàng)建一個模式窗口(Child Window)，然后我們僅需要把目標(biāo)實(shí)體賦值給模式窗口的屬性DataContext即可，如果下圖　

　　第二個方法。我們需要做的事情比較多，首先把每個實(shí)體替換成單獨(dú)的Child Window,你可以使用UserControls顯示實(shí)體信息，然后把只要把UserControl賦值給模式窗口的Content即可。具體過程看下圖

　　在這個例子中，我將使用第二種方法實(shí)現(xiàn)在MVVM架構(gòu)中顯示模式窗口。在接口IModalView中定義一個UserControl的屬性DataContext，如下圖：

　　最后，定義一個接口 IModalDialogWorker，此接口只提供了一個方法---顯示模式窗口的方法。如下圖

　　　　從上圖你可能發(fā)現(xiàn)，當(dāng)顯示一個模式窗口時，必須得傳遞的參數(shù)有接口IModalDialog、接口IModalView、 DataContext(可以是任意實(shí)體，比如:Person、Customer等)，最后，還需要傳遞一個Action，當(dāng)模式窗口被關(guān)閉時它被執(zhí)行。

　　　　ModalDialogWorker 的實(shí)現(xiàn)非常的簡單，僅僅是幾行代碼，如下：

　　public class ExtendedChildWindow : ChildWindow, IModalDialog
{    
public void ShowDialog()    
{        
this.Show();   
}
}

　　上面這個類ExtendedChildWindow 是通用的，你只需要向?qū)傩訡ontent賦值即可。例如，如果你需要創(chuàng)建一個修改實(shí)體Person的窗口，你就必須創(chuàng)建一個新的UserControl和實(shí)現(xiàn)接口IModalView。

　　public partial class EditPersonControl : 

UserControl, IModalView{   

 public EditPersonControl()  

  {      

  InitializeComponent();   

 }    

 public event EventHandler<ModalViewEventArgs> Closed;   

 ; protected virtual void OnClosed( ModalViewEventArgs e ) 

   {     

   if ( this.Closed != null )   

&nbsp;        this.Closed( this, e ); 

   }    

 private void btnOkClick( object sender, RoutedEventArgs e )   

 { &nbsp;      

this.OnClosed( new ModalViewEventArgs( true ) );

    }    

 private void btnCancelClick( object sender, RoutedEventArgs e ) 

  {      

  this.OnClosed( new&nbsp;ModalViewEventArgs( false ) );   

 }

}

　　你僅僅需要做的事情就是在后臺代碼中實(shí)現(xiàn)接口IModalView即可：若確定按鈕被按下時設(shè)置屬性DialogResult為true，若取消按鈕被按下時，設(shè)置為false。說明：因?yàn)檫@段代碼不是業(yè)務(wù)邏輯，是UI設(shè)計(jì)，所以可以寫在后臺。

　　　　最后在 ModalDialogWorker再寫入以下三句代碼即可

　　　　modalDialog.Content = modalView;

　　　　modalView.DataContext = dataContext;

　　　　modalDialog.ShowDialog();

　　最后一個問題是怎么把接口IModalDialog, IModalVIew 和IModalDialogWorker的實(shí)現(xiàn)潛入到ViewModel中，看下圖

　　在ViewModel層,需要引入Imports，然后使用類ModalDialogWorker,此類有四個參數(shù)，主要用來顯示模式窗口，其中具體的實(shí)現(xiàn)方法已經(jīng)在上面說明過。下面的代碼就是怎么調(diào)用此接口。

　　private void OnEditPersonCommandExecute()
{    
this.ModalDialogWorker.ShowDialog<Person>
(        this.ModalDialog, this.EditPersonControl, this.SelectedPerson, p =>       
{            
if ( this.ModalDialog.DialogResult.HasValue &&                this.ModalDialog.DialogResult.Value 
)            
{      
// OK           
}           
else            
{                
//Cancel            
}        
} 
);
}

　　如果隨筆到此為知，基本上已經(jīng)可以實(shí)現(xiàn)彈出模式窗口的效果了，但是還有一個重要的問題，怎么修改對象的值。比如：修改一個條數(shù)據(jù)時，你如果把數(shù) 據(jù)傳到模式窗口，賦值到指定的位置(TextBox,DateTime等等)。而且當(dāng)在模式窗口輸入數(shù)據(jù)并點(diǎn)擊確定或者取消按鈕時，怎么提交這些數(shù)據(jù)，怎 么恢復(fù)對象原始狀態(tài)。

　　我們必須通過使用BeginEdit、EndEdit和CancelEdit方法來實(shí)現(xiàn)提交或者回滾這些改變。實(shí)現(xiàn)這些功能非常的容易，我們可 以使用接口IEditableObject.其中最重要的一個問題是怎么保存對象的狀態(tài)。我們可以使用Memento模式，看下圖

　　通過上圖，我們可以創(chuàng)建一個基類，命名為Memento,代碼如下

　　public class Memento<T>
{
private Dictionary<PropertyInfo, object> storedProperties = new Dictionary<PropertyInfo, object>();

public Memento( T originator )
{
this.InitializeMemento( originator );
}

public T Originator
{
get;
protected set;
}

public void Restore( T originator )
{
foreach ( var pair in this.storedProperties )
{
pair.Key.SetValue( originator, pair.Value, null );
}
}

private void InitializeMemento( T originator )
{
if ( originator == null )
throw new ArgumentNullException( "Originator", "Originator cannot be null" );

this.Originator = originator;
IEnumerable<PropertyInfo> propertyInfos = typeof( T ).GetProperties( BindingFlags.Public | BindingFlags.Instance )
.Where( p => p.CanRead && p.CanWrite );

foreach ( PropertyInfo property in propertyInfos )
this.storedProperties[ property ] = property.GetValue( originator, null );
}
}

　　這段代碼比較簡單，首先你要傳一個參數(shù)originator，在方法InitiallizeMemento中，你需要把對象的狀態(tài)，所有的屬性以及他們的值存入一個簡單的Dictionary   

　　this.Originator = originator;

　　　　IEnumerable propertyInfos = typeof( T ).GetProperties(

　　　　BindingFlags.Public | BindingFlags.Instance )

　　　　.Where( p => p.CanRead && p.CanWrite );

　　　　foreach ( PropertyInfo property in propertyInfos )

　　　　this.storedProperties[ property ] = property.GetValue( originator, null );

　　　　最后，在方法RestoreState中，我們把原始數(shù)據(jù)還原取對象的初始狀態(tài)

　　　　public void Restore( T originator )

　　　　{

　　　　foreach ( var pair in this.storedProperties )

　　　　{

　　　　pair.Key.SetValue( originator, pair.Value, null );

　　　　}

　　　　}

　　最后是一個類Caretaker,此類是一個簡單的封裝，實(shí)現(xiàn)了接口IEditalbleOject以及引用了基類Memento，代碼如下

　public class Caretaker<T> : IEditableObject

{

private Memento<T> memento;

private T target;

public T Target

{

get

{

return this.target;

}

protected set

{

if ( value == null )

{

throw new ArgumentNullException( "Target", "Target cannot be null" );

}

if ( Object.ReferenceEquals( this.Target, value ) )

return;


this.target = value;

}

}

public Caretaker( T target )

{

this.Target = target;

}

public void BeginEdit()

{

if ( this.memento == null )

this.memento = new Memento<T>( this.Target );

}

public void CancelEdit()

{

if ( this.memento == null )

throw new ArgumentNullException( "Memento", "BeginEdit() is not invoked" );

this.memento.Restore( Target );

this.memento = null;

}

public void EndEdit()

{

if ( this.memento == null )

throw new ArgumentNullException( "Memento", "BeginEdit() is not invoked" );

this.memento = null;

}

}

　　到此為止，就可以按下面的方式調(diào)用Caretaker了

　　　Caretaker<Person> editableObject = new Caretaker<Person>( this.SelectedPerson );
editableObject.BeginEdit();
//.....
this.SelectedPerson.Name = "Pesho";
// Commit Changes
editableObject.EndEdit();
// -or CancelChanges
// editableObject.CancelEdit();　　

　　通過上面的方法，我們返回到ViewModel層,當(dāng)更新對象的方法OnEditPersonCommandExecute中有如下代碼

private void OnEditPersonCommandExecute()
{
Caretaker<Person> editableObject = new Caretaker<Person>( this.SelectedPerson );
editableObject.BeginEdit();

this.ModalDialogWorker.ShowDialog<Person>(
this.ModalDialog, this.EditPersonControl, this.SelectedPerson, p =>
{
if ( this.ModalDialog.DialogResult.HasValue &&
this.ModalDialog.DialogResult.Value )
{
editableObject.EndEdit();
}
else
{
editableObject.CancelEdit();
}
} );
}

　　到此為止，已經(jīng)可以實(shí)現(xiàn)在MVVM模式中彈出模式窗口以及實(shí)現(xiàn)修改對象的值。希望對大家有幫忙，因?yàn)槿绻麑?shí)現(xiàn)真正的MVVM模式時，實(shí)現(xiàn)彈出窗口并且可以把數(shù)據(jù)賦值給窗口的控件，并且可以修改數(shù)據(jù)庫的值時真的不太容易