wpf中给listview绑定数据并在listview的每一行中添加一个按钮,通过单击按钮获得按钮所在行的数据

时间:2021-06-21 19:38:00

先给出代码,后面慢慢说明:

<ListView Name="list1" HorizontalAlignment="Left" Height="108" Margin="79,55,0,0" VerticalAlignment="Top" Width="263" ItemsSource="{Binding .}" SelectionChanged="list1_SelectionChanged">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="列1" Width="50" DisplayMemberBinding="{Binding name}"/>
                    <GridViewColumn Header="列2" Width="50" DisplayMemberBinding="{Binding id}"/>
                    <GridViewColumn Header="列3" Width="50" >
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <Button Width="30" Content="删除" Click="Button_Click" />
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>
  1. 其中{binding .}为listview绑定的数据,采用的数据上下文方式 ,过程如下:
    右键单击控件,出现下图所示界面,选择倒数第六项
    wpf中给listview绑定数据并在listview的每一行中添加一个按钮,通过单击按钮获得按钮所在行的数据
    会出现下图,选择数据上下文,路径随意
    wpf中给listview绑定数据并在listview的每一行中添加一个按钮,通过单击按钮获得按钮所在行的数据

  2. 在列三,通过CellTemplate属性绑定了Button,此例中给出了button名字和单击事件
    3.这是绑定数据的代码片段
    class Class1
    {
    public string name { get; set; }
    public string id { get; set; }
    }

    4.创建Item,代码如下

        public MainWindow()
        {
            InitializeComponent();
            for (int i = 0; i < 7; i++)
            {
                var item = new Class1 { name = "test", id = i.ToString()};
                DataContext = item;

                list1.Items.Add(item);
            }

        }

通过for循环创建了7个item,运行结果如下
wpf中给listview绑定数据并在listview的每一行中添加一个按钮,通过单击按钮获得按钮所在行的数据

到此,创建按钮和绑定数据完成。

5.获取按钮所在行的数据,代码如下

private void Button_Click(object sender, RoutedEventArgs e)
        {
            var btn = sender as Button;

            var c = btn.DataContext as Class1;

            MessageBox.Show(c.id);

            //移除当前点击按钮所在行
            //list1.Items.Remove(c);

            //刷新item
            //list1.Items.Refresh();
        }
运行结果如下:

wpf中给listview绑定数据并在listview的每一行中添加一个按钮,通过单击按钮获得按钮所在行的数据