ListBox内にボタンを含めてイベントをマップする方法は？

私はリストボックスで動的なリストを表示させる方法に関する概念の質問があります。リストボックス内では、アイテムはStackpanel内に保持されます。スタックパネル内には文字列とボタンがあります。そのボタンをクリックすると、そのエンティティ/アイテム（ボタンと文字列の両方）がリストボックスから削除されます。ListBox内にボタンを含めてイベントをマップする方法は？

1）リスト内のエンティティの数に基づいて新しいボタンを作成するにはどうすればよいですか？
2）このボタンがこのアイテムに関連しているというアイデアをリストボックスにどのように結びつけますか？
3）これはバインディングでも可能ですか？

申し訳ありませんが、私はまだWPFの新機能ですが、かなり強力であることがわかり始めています。

また、簡単な例や短い例を提供したり、これに似たリンクを表示したりすることができれば、非常に感謝しています。本当にありがとう！ :)

出典

2010-11-30 Aerodactyl

コントロールのテンプレートやコントロールのコンテンツテンプレートを変更する必要があると思います。以下のリンクをご覧ください。 http://mark-dot-net.blogspot.com/2007/07/creating-custom-wpf-button-template-in.html http://msdn.microsoft.com/en-us/magazine/cc163497.aspx

希望します。

出典

2010-11-30 09:12:39

これは簡単な例です。まず、ListBoxのソースクラス。 INotifyPropertyChangedインターフェイスと1つの文字列プロパティを実装する単純なクラスです。

public class MyClass : INotifyPropertyChanged 
{ 
    public MyClass(string myString) 
    { 
     MyString = myString; 
    } 
    private string m_myString; 
    public string MyString 
    { 
     get 
     { 
      return m_myString; 
     } 
     set 
     { 
      m_myString = value; 
      OnPropertyChanged("MyString"); 
     } 
    } 

    public event PropertyChangedEventHandler PropertyChanged; 
    private void OnPropertyChanged(string propertyName) 
    { 
     if (PropertyChanged != null) 
     { 
      PropertyChanged(this, new PropertyChangedEventArgs(propertyName)); 
     } 
    } 
}

MainWindowにはObservableCollectionのMyClassがあります。 WindowのDataContextを自分自身に設定すると、ListBoxがDataContextを継承し、ItemsSourceをMyClassesにバインドできます。

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
     InitializeComponent(); 
     MyClasses = new ObservableCollection<MyClass>(); 
     MyClasses.Add(new MyClass("My String 1")); 
     MyClasses.Add(new MyClass("My String 2")); 
     MyClasses.Add(new MyClass("My String 3")); 
     this.DataContext = this; 
    } 

    public ObservableCollection<MyClass> MyClasses 
    { 
     get; 
     private set; 
    } 
}

xamlには、MyClassesにバインドするListBoxがあります。 ItemTemplateは、ListBox内の各ListBoxItemに対して、各項目がMyClassのインスタンスにバインドされ、MyStringプロパティと「Remove Button」を提示します。各ListBoxItemのDataContextは、MyClassのインスタンスになります。

<ListBox ItemsSource="{Binding MyClasses}"> 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <StackPanel Orientation="Horizontal"> 
       <TextBlock Text="{Binding MyString}" Margin="6"/> 
       <Button Content="Remove" 
         Click="RemoveListBoxItem_Click"/> 
      </StackPanel> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox>

は最後に、我々はMainWindow.xaml.csにRemoveListBoxItem_ClickためEventHanlderの背後にあるコードを追加します。

private void RemoveListBoxItem_Click(object sender, RoutedEventArgs e) 
{ 
    // The clicked Button 
    Button button = sender as Button; 
    // The DataContext of the Button will be its instance of MyClass 
    MyClass selectedItem = button.DataContext as MyClass; 
    if (selectedItem != null) 
    { 
     // Remove the MyClass item from the collection 
     MyClasses.Remove(selectedItem); 
    } 
}

出典

2010-11-30 09:12:54

ListBox内にボタンを含めてイベントをマップする方法は？

答えて

関連する問題