生成動態網格在MVVM模式

Question

我寫一個WPF應用中，我需要顯示自定義文件見識它由字段名&它的價值。我生成了標籤爲&的網格朗姆酒。我在文本框中的標籤&字段值中顯示字段名稱（我希望它是可編輯的）。 &每次文件選擇的變化，場變化&所以網格列&行數。現在我在後面的代碼中生成這個網格。有沒有什麼辦法可以在XAml中使用視圖模型來完成它。

Answer 1

我不知道爲什麼你創建這個電網在運行時。您應該考慮使用標準的演示方法，如帶有自定義項目模板的<ListBox>。總是期望使用UI的聲明定義（在XAML中）而不是代碼隱藏。

我有一個blog post創建一個選中的列表框，顯示一些細節，但你應該能夠找到其他好的例子。

Answer 2

這是很容易與ItemsControl做。如果視圖模型公開元數據對象的名單，說一類是這樣的：

public class FileMetaData : INotifyPropertyChanged 
{ 
    private string name; 
    private string value; 

    public event PropertyChangedEventHandler PropertyChanged = (o, e) => { }; 

    public string Name 
    { 
     get { return name; } 
     set 
     { 
      name = value; 
      PropertyChanged(this, new PropertyChangedEventArgs("Name")); 
     } 
    } 

    public string Value 
    { 
     get { return value; } 
     set 
     { 
      this.value = value; 
      PropertyChanged(this, new PropertyChangedEventArgs("Value")); 
     } 
    } 
} 

然後，你的視圖模型將其公開爲ObservableCollection（所以當新的項目被添加或刪除WPF知道）：

public class MyViewModel 
{ 
    ... 
    public ObservableCollection<FileMetaData> Files { get; private set; } 
    ... 
} 

然後，你的觀點將使用ItemsControl與ItemTemplate進行顯示：

<ItemsControl ItemsSource="{Binding Files}" Grid.IsSharedSizeScope="True"> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="Auto" SharedSizeGroup="one" /> 
        <ColumnDefinition Width="Auto" SharedSizeGroup="two" /> 
       </Grid.ColumnDefinitions> 
       <TextBlock Text="{Binding Name}" /> 
       <TextBox Grid.Column="1" Text="{Binding Value}" /> 
      </Grid> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

注意，我設置Grid.IsSharedSizeScope在ItemsControl上爲true，所以列將對齊。如果您有大量數據，則可能需要將其包裝在ScrollViewer（或者更好地重新設定ItemsControl）。