WPF：MVVM中的TreeView

Question

我有一個TreeView，我終於可以使用數據綁定從數據庫中填充。

有2個對象是居住在樹：

• FavoriteFolder - 一個對象，可以有孩子：無論是文件夾或報表。
• FavoriteReport - 一個不能有任何孩子的對象：當用戶點擊這個項目時，它會運行一個報告。

目前，我有一個模型 - 視圖類型的設置（我認爲），我想將它更改爲MVVM，所以我可以做的事情與TreeView -items而不是簡單地顯示出來。

我已經看過很多例子，但我還是新的MVVM和WPF一般，所以對我特別的例子任何指導，將不勝感激

我的兩個存在於TreeView類：

文件夾項目：

public class FavoriteFolder 
{ 
    private string _connectionString = new ServerInfo().ConnectionString; 
    private string _folderID; 
    private string _parentID; 
    private string _folderTitle; 

    private ObservableCollection<FavoriteFolder> _folders; 
    private ObservableCollection<FavoriteReport> _reports; 
    private ObservableCollection<object> _children; 

    public FavoriteFolder() 
    { 

    } 

    public ObservableCollection<object> Children 
    { 
     get 
     { 
      _getChildren(); 
      return _children; 
     } 
    } 

    public string FolderID 
    { 
     get { return _folderID; } 
     set { _folderID = value; } 
    } 

    public string ParentID 
    { 
     get { return _parentID; } 
     set { _parentID = value; } 
    } 

    public string FolderTitle 
    { 
     get { return _folderTitle; } 
     set { _folderTitle = value; } 
    } 

    private void _getChildren() 
    { 
     _folders = new ObservableCollection<FavoriteFolder>(); 
     _reports = new ObservableCollection<FavoriteReport>(); 

     using (SqlConnection cnn = new SqlConnection(_connectionString)) 
     { 
      cnn.Open(); 
      string sql = "SELECT * FROM tbl_report_folders where fdr_parent_id =" + _folderID; 
      SqlCommand cmd = new SqlCommand(sql, cnn); 

      SqlDataReader reader = cmd.ExecuteReader(); 

      while (reader.Read()) 
      { 
       FavoriteFolder folder = new FavoriteFolder(); 

       folder.FolderID = reader["fdr_folder_id"].ToString(); 
       folder.FolderTitle = reader["fdr_folder_name"].ToString(); 
       folder.ParentID = reader["fdr_parent_id"].ToString(); 

       _folders.Add(folder); 
      } 

      reader.Close(); 

      sql = "SELECT * FROM tbl_reports where rpt_folder_id =" + _folderID; 
      cmd = new SqlCommand(sql, cnn); 

      reader = cmd.ExecuteReader(); 

      while (reader.Read()) 
      { 
       FavoriteReport report = new FavoriteReport(); 

       report.ReportID = reader["rpt_report_id"].ToString(); 
       report.ReportTitle = reader["rpt_report_name"].ToString(); 
       report.ParentID = reader["rpt_folder_id"].ToString(); 

       _reports.Add(report); 
      } 
     } 

     //add the children to the collection 
     foreach (var folder in this._folders) 
      _children.Add(folder); 

     foreach (var report in this._reports) 
      _children.Add(report); 
    } 
} 

報告項目：

public class FavoriteReport 
{ 
    private string _reportID; 
    private string _parentID; 
    private string _reportTitle; 

    public FavoriteReport() 
    { 

    } 

    public string ReportID 
    { 
     get { return _reportID; } 
     set { _reportID = value; } 
    } 

    public string ParentID 
    { 
     get { return _parentID; } 
     set { _parentID = value; } 
    } 

    public string ReportTitle 
    { 
     get { return _reportTitle; } 
     set { _reportTitle = value; } 
    } 
} 

個

而且MainWindow.xaml.cs -

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
     InitializeComponent(); 

     ObservableCollection<object> items = new ObservableCollection<object>(); 

     FavoriteFolder fdr = new FavoriteFolder(); 

     fdr.FolderID = "0"; 

     items = fdr.Children; 

     this.DataContext = items; 
    } 
} 

Answer 1

我的第一個建議是在MVVM工具包丟棄，因爲它不必自己做的一切更容易（例如實現接口INotifyPropertyChanged）。我使用MVVM Light by Laurent Bungion。

在您使用MVVM光（你可以，如果你使用其他工具包從這個推斷）的假設......

所以，將它轉換爲MVVM你需要做一些事情。

1. 創建定義Models。我通常使用POCO，只是定義模型的屬性。這意味着抽象出你的數據訪問層（更多）。

2. 創建您的ViewModel。這是你在你的視角中擁有你的財產的地方。你的ObservableCollections會坐在這裏。初始化你創建的類的一個實例將會在這裏。調用你的DAL層將會在這裏。 （而不是在你的視圖的構造函數中）。

   將此ViewModel添加到您的ViewModelLocator（我使用MVVM Light中提供的mvvmlocatorproperty代碼片段）。

   使用Locator將View綁定到ViewModel。在你UserControl，你就會把這樣的宣言：

   DataContext="{Binding YourViewModel, Source={StaticResource Locator}}" 
   

3. 我會按照布倫南文森特的建議。我通常創建一個定義我的DAL（數據訪問層）方法的服務接口（注意：不是類，而是接口）。我這樣做是爲了考慮混合性，也就是設計時間數據。如果你不熟悉接口，也許簡單的DAL類是一個很好的開始。然後我使用依賴注入（DI）來注入我的DAL服務的一個實例。 DI非常簡單 - 在ViewModelLocator中，您需要更新（實例化）您的DAL服務類&將其傳遞給您的vm = New ViewModel(MyDALService dalService)調用。顯然，您還需要在ViewModel構造函數中接受MyDALService引用。這裏有一個項目，我已經對我的工作構造EquipmentViewModel的例子：

   public EquipmentViewModel(Services.IEquipmentService equipmentService) 
   { 
       EquipmentService = equipmentService; 
       LoadData(); 
   } 
   

這ViewModel接受IEquipmentService類型的參數（這是我的接口）。在LoadData方法中，我調用了我的DAL的EquipmentService.GetEquipment()方法，它碰到了我的數據庫層。

有任何問題讓我知道。 MVVM可以是一個痛苦，但我很高興我堅持下去。 祝你好運。 :)

Answer 2

喬希史密斯給出瞭如何使用的明確說明MVVM to simplify the TreeView我可以添加更多的東西。