want to create a listbox with a textblock and a button itemtemplate

Question

alt text http://www.freeimagehosting.net/uploads/abbcae9cd3.png

I want to create a listbox like the one shown in the image, i just dont know how will i get the button(the red close button) click event for each item in the listbox Can anyone point me to a good tutorial on this

Thanks

JustABill JustABill · Accepted Answer · 2010-05-29T15:07:19

Create a button as usual, with a Click handler:

<Button Click="MyClickHandler">...</Button>

Now, in your click handler, you have the sender argument, which will contain the button that was clicked. You want the item that the button belongs to, though. First, you need to the ListViewItem that contains the button. There's several implementations of how to find a visual ancestor around, here's the first result I found. Add that extension method to a static class somewhere. So now your click handler looks like this:

private void MyClickHandler(object sender, RoutedEventArgs e)
{
     ListViewItem parent = ((DependencyObject)sender).TryFindParent<ListViewItem>();
}

Now you need to retrieve the item that goes with this ListViewItem. This, thankfully, is much simpler (though I have no idea what it is, since your post doesn't say):

    object ItemRelatedToButton = TheListBoxInQuestion.ItemContainerGenerator.ItemFromContainer(parent);

Replace object with the type that your ListBox actually contains, and the names with ones that are actually relevant. At this point, you can now interact with the item that the button is "attached" to.

You may also want to make sure parent isn't null, just in case something weird happened, and in theory you should make sure ItemRelatedToButton isn't null either.

want to create a listbox with a textblock and a button itemtemplate

2 Answers