DataTemplate在WPF ListView中顯示按鈕，同時保留屬性

Question

在WPF中，我有一個ListView的2列，第一列需要是一個按鈕。糾正我，如果我錯了，但我發現在ListView中實現按鈕的唯一方法是使用DataTemplate。我發現這個問題是我沒有辦法維護我的原始按鈕屬性時，他們與DataTemplate映射，所以我被迫使用綁定重新映射每個單獨的屬性（包括自定義屬性，因爲我實際上使用自定義用戶控件從Button繼承）。這似乎無關手動映射所有屬性，所以也許有更好的方法來自動持久這些屬性？

這裏是我的測試代碼：

public MainWindow() { 
    InitializeComponent(); 

    ObservableCollection<ScreenRequest> screenRequests = new ObservableCollection<ScreenRequest>() { 
     new ScreenRequest("A", "1"), 
     new ScreenRequest("B", "2") 
    }; 
    myListView.ItemsSource = screenRequests; 
} 

public class ScreenRequest { 
    public CustomButton ScreenButton { set; get; } 
    public string Details { set; get; } 

    public ScreenRequest(string buttonText, string customProperty) { 
     this.ScreenButton = new CustomButton(); 
     this.ScreenButton.Content = buttonText; 
     this.ScreenButton.CustomProperty = customProperty; 
     this.ScreenButton.Click += new RoutedEventHandler(InitiateScreenRequest); 
    } 

    private void InitiateScreenRequest(object sender, RoutedEventArgs e) { 
     CustomButton screenBtn = (CustomButton)sender; 
     screenBtn.Content = "BUTTON TEXT CHANGED"; 
    } 
} 

public class CustomButton : Button { 
    public string CustomProperty { get; set; } 
} 

而XAML：

<Window... 
... 
    <Window.Resources> 
     <DataTemplate x:Key="ButtonTemplate"> 
      <local:CustomButton Content="{Binding ScreenButton.Content}"/> 
     </DataTemplate> 
    </Window.Resources> 
    <Grid x:Name="grdMain"> 
    ... 
     <ListView... 
      <ListView.View> 
       <GridView x:Name="gridView"> 
        <GridViewColumn CellTemplate="{StaticResource ButtonTemplate}" Width="Auto" Header="Screen" HeaderStringFormat="Screen"/> 
        <GridViewColumn Header="Details" HeaderStringFormat="Details" DisplayMemberBinding="{Binding Details}"/> 
       </GridView> 
      </ListView.View> 
     </ListView> 
    </Grid> 
</Window> 

所以我的問題是：

1. 我必須在的CustomButton每一個屬性手動映射爲了讓它繼承到DataTemplate或是它們的一個全部自動持久化屬性？
2. 如何在綁定中映射CustomProperty屬性，使其與按鈕保持一致？我爲此使用DependencyProperty？
3. 如何維護我的點擊事件，使單擊GridView中的按鈕將調用InitiateScreenRequest函數？理想情況下，我希望爲所有按鈕聲明單個方法，但我還沒有得到這一點。

任何幫助或深入瞭解listview按鈕將不勝感激。

Answer 1

<Window x:Class="MiscSamples.TonyRush" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="TonyRush" Height="300" Width="300"> 
    <ListView ItemsSource="{Binding}"> 
     <ListView.View> 
      <GridView> 
       <GridViewColumn Width="Auto" Header="Screen" HeaderStringFormat="Screen"> 
        <GridViewColumn.CellTemplate> 
         <DataTemplate> 
          <Button Command="{Binding SomeAction}" Content="{Binding ActionDescription}" Width="100"/> 
         </DataTemplate> 
        </GridViewColumn.CellTemplate> 
       </GridViewColumn> 
       <GridViewColumn Header="Details" HeaderStringFormat="Details" DisplayMemberBinding="{Binding Details}" Width="100"/> 
      </GridView> 
     </ListView.View> 
    </ListView> 
</Window> 

代碼背後：

public partial class TonyRush : Window 
    { 
     public TonyRush() 
     { 
      InitializeComponent(); 
      DataContext = new List<ScreenRequest> 
           { 
            new ScreenRequest() {ActionDescription = "Click Me!"}, 
            new ScreenRequest() {ActionDescription = "Click Me Too!"}, 
            new ScreenRequest() {ActionDescription = "Click Me Again!!"}, 
           }; 
     } 
    } 

視圖模型：

public class ScreenRequest: INotifyPropertyChanged 
    { 
     public Command SomeAction { get; set; } 

     private string _actionDescription; 
     public string ActionDescription 
     { 
      get { return _actionDescription; } 
      set 
      { 
       _actionDescription = value; 
       NotifyPropertyChanged("ActionDescription"); 
      } 
     } 

     private string _details; 
     public string Details 
     { 
      get { return _details; } 
      set 
      { 
       _details = value; 
       NotifyPropertyChanged("Details"); 
      } 
     } 

     public event PropertyChangedEventHandler PropertyChanged; 

     public void NotifyPropertyChanged(string propertyName) 
     { 
      if (PropertyChanged != null) 
       PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); 
     } 

     public ScreenRequest() 
     { 
      SomeAction = new Command(ExecuteSomeAction) {IsEnabled = true}; 
     } 

     //public SomeProperty YourProperty { get; set; } 

     private void ExecuteSomeAction() 
     { 
      //Place your custom logic here based on YourProperty 
      ActionDescription = "Clicked!!"; 
      Details = "Some Details"; 
     } 
    } 

主要部分：Command類：

//Dead-simple implementation of ICommand 
    //Serves as an abstraction of Actions performed by the user via interaction with the UI (for instance, Button Click) 
    public class Command : ICommand 
    { 
     public Action Action { get; set; } 

     public void Execute(object parameter) 
     { 
      if (Action != null) 
       Action(); 
     } 

     public bool CanExecute(object parameter) 
     { 
      return IsEnabled; 
     } 

     private bool _isEnabled; 
     public bool IsEnabled 
     { 
      get { return _isEnabled; } 
      set 
      { 
       _isEnabled = value; 
       if (CanExecuteChanged != null) 
        CanExecuteChanged(this, EventArgs.Empty); 
      } 
     } 

     public event EventHandler CanExecuteChanged; 

     public Command(Action action) 
     { 
      Action = action; 
     } 
    } 

結果：

注：

看看如何單獨的UI是從數據和功能。這是WPF的方式。切勿將UI與數據/業務代碼混合使用。

ViewModel中的Command作爲Button的抽象。 ViewModel不知道什麼是Button，也不應該。讓我知道你是否需要進一步的細節。