WPF简单实例,ListView数据绑定,CheckBox/Button删除操作

最新推荐文章于 2024-06-04 09:13:19 发布
最新推荐文章于 2024-06-04 09:13:19 发布
阅读量1.7w 收藏 16
点赞数 2
文章标签： listview wpf binding button header path
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tbb026/article/details/7631516
版权
实现功能如下图,显示一个list的数据内容,并为每行添加checkbox复选框和单独按钮,来实现批量删除和单行删除.

数据源的结构非常简单,只有三个属性,分别是uid,username,password,分别对应用户id,用户名,密码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace WPFGridView
{
    public class User
    {
        int uid;

        public int Uid
        {
            get { return uid; }
            set { uid = value; }
        }
        string username;

        public string Username
        {
            get { return username; }
            set { username = value; }
        }
        string password;

        public string Password
        {
            get { return password; }
            set { password = value; }
        }
    }
}


maiwindow界面,xaml代码如下

<Window x:Class="WPFGridView.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" mc:Ignorable="d" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" d:DesignHeight="600" d:DesignWidth="800" SizeToContent="WidthAndHeight">
    <Grid Name="grid">
        
        <ListView Height="303" HorizontalAlignment="Left" Name="listView1" VerticalAlignment="Top" Width="778" ItemsSource="{Binding Path=lists}">
            <ListView.View>
                <GridView>
                    <GridViewColumn x:Name="gvc">
                        <GridViewColumn.Header>
                            <CheckBox Click="CheckBox_Click_1">全选</CheckBox>
                        </GridViewColumn.Header>
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <CheckBox Click="CheckBox_Click" Tag="{Binding Path=Uid}"></CheckBox>
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                    <GridViewColumn Header="用户id" DisplayMemberBinding="{Binding Path=Uid}" />
                    <GridViewColumn Header="用户名" DisplayMemberBinding="{Binding Path=Username}" />
                    <GridViewColumn Header="密  码" DisplayMemberBinding="{Binding Path=Password}" />
                    <GridViewColumn Header="操作">
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <Button Content="删除"  Width="75" Height="23" Click="Button_Click" CommandParameter="{Binding Path=Uid}"/>
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>
        <Grid Height="252" HorizontalAlignment="Left" Margin="0,309,0,0" Name="grid1" VerticalAlignment="Top" Width="778">
            <Button Content="删除" Height="23" HorizontalAlignment="Left" Margin="6,27,0,0" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" />
        </Grid>
        <Button Content="Button" Height="2" HorizontalAlignment="Left" Margin="29,9,0,0" Name="button2" VerticalAlignment="Top" Width="3" />
    </Grid>
</Window>

通过listview来进行绑定,建立自定义模板"gridview资源"来进行展示.



<Grid Name="grid">
<ListView Height="303" HorizontalAlignment="Left" Name="listView1" VerticalAlignment="Top" Width="778">
<ListView.View>
<GridView>
<GridViewColumn Header="用户id" DisplayMemberBinding="{Binding Path=Uid}" />
<GridViewColumn Header="用户名" DisplayMemberBinding="{Binding Path=Username}" />
<GridViewColumn Header="密  码" DisplayMemberBinding="{Binding Path=Password}" />
</GridView>
</ListView.View>
</ListView>
</Grid>

首先

<GridViewColumn Header="用户id" DisplayMemberBinding="{Binding Path=Uid}" />
<GridViewColumn Header="用户名" DisplayMemberBinding="{Binding Path=Username}" />
<GridViewColumn Header="密  码" DisplayMemberBinding="{Binding Path=Password}" />

分别绑定每列数据和列头名,DisplayMemberBinding属性指定数据的来源,这里绑定了"User"类的三个属性.

然后使用<GridViewColumn.CellTemplate><DataTemplate>来自定义模板,添加多选框checkbox和每行的删除按钮.

<GridViewColumn x:Name="gvc">
<GridViewColumn.Header>
<CheckBox Click="CheckBox_Click_1">全选</CheckBox>
</GridViewColumn.Header>
<GridViewColumn.CellTemplate>
<DataTemplate>
<CheckBox Click="CheckBox_Click" Tag="{Binding Path=Uid}"></CheckBox>
</DataTemplate>
</GridViewColumn.CellTemplate>
</GridViewColumn>
<GridViewColumn Header="操作">
<GridViewColumn.CellTemplate>
<DataTemplate>
<Button Content="删除"  Width="75" Height="23" Click="Button_Click" CommandParameter="{Binding Path=Uid}"/>
</DataTemplate>
</GridViewColumn.CellTemplate>
</GridViewColumn>

分别为checkbox和button按钮加上事件,为删除做准备.


using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WPFGridView
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        private List<int> selectUid = new List<int>();//保存多选用户ID
        private List<int> allUid = new List<int>();//保存全选用户ID
        private List<User> list = new List<User>();//用户列表源数据
        

        public MainWindow()
        {
            InitializeComponent();
            this.DataBinding();
        }


        /// <summary>
        /// 列表数据初始化并绑定
        /// </summary>
        private void DataBinding()
        {
            for (int i = 0; i < 5; i++)
            {
                User user = new User()
                {
                    Uid = i + 1,
                    Username = "username" + i,
                    Password = "password"
                };
                list.Add(user);
            }
            this.listView1.ItemsSource = list;//为ListView绑定数据源
        }

        /// <summary>
        /// 复选框删除用户
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void button1_Click(object sender, RoutedEventArgs e)
        {
            this.DeleteUsers(selectUid);
            this.listView1.Items.Refresh();//刷新数据
        }

        
        
        /// <summary>
        /// 由ChecBox的Click事件来记录被选中行的
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void CheckBox_Click(object sender, RoutedEventArgs e)
        {
            CheckBox cb = sender as CheckBox;
            int uid = Convert.ToInt32(cb.Tag.ToString()); //获取该行id
            if (cb.IsChecked == true)
            {
                selectUid.Add(uid);  //如果选中就保存id
            }
            else
            {
                selectUid.Remove(uid);   //如果选中取消就删除里面的id
            }
        }

        /// <summary>
        /// 批量删除用户
        /// </summary>
        private void DeleteUsers(List<int> selectUid)
        {
            if (selectUid.Count > 0) 
            {
                foreach (var uid in selectUid)
                {
                    list.Remove(list[uid - 1]);
                }
            }
        }

        /// <summary>
        /// 按钮单行删除
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            Button b = sender as Button;
            int uid = Convert.ToInt32(b.CommandParameter);
            this.DeleteUser(uid);
            this.listView1.Items.Refresh();
        }

        /// <summary>
        /// 删除一个用户
        /// </summary>
        /// <param name="uid"></param>
        private void DeleteUser(int uid)
        {
            list.Remove(list[uid - 1]);
        }

        /// <summary>
        /// 全选
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void CheckBox_Click_1(object sender, RoutedEventArgs e)
        {
            CheckBox cb = sender as CheckBox;
            if (cb.IsChecked == true)
            {
                
                allUid = list.Select(l => l.Uid).ToList();
            }
            else
            {
                allUid.Clear();
            }
        }
    }
}

DataBinding()中,循环创建一个包含五个用户的集合,通过该集合为ListView绑定数据源,或者使用<ListView>标签中的ItemsSource="{Binding Path=list}"属性来达到绑定数据源的效果.


复选框的删除思路和按钮删除思路及代码编写方式相同,(复选框删除借鉴了WPF之DataGrid应用中的方法).

Button是通过CommandParameter属性,再使用{Binding Path=Uid}"绑定该行用户ID作为参数传给事件进行删除处理.

CheckBox同理,则是通过Tag属性绑定用户id,每次点击复选框通过判断选择状态IsChecked的值,来把该行用户id存入到记录已选择的用户id的集合中selectUid,最后调用DeleteUsers方法进行批量删除操作.


在学习使用CheckBox的过程中,还搜索到另一种方式获取CheckBox的值:给数据源对象添加一个bool值属性或其他类型如用int类型 0和1(这点利用了WPF的ListView数据绑定的模式Model:TwoWay,文本框和复选框的属性默认为TwoWay),然后遍历ListView.Items,通过True/False来判断该Item的CheckBox是否被选中,再进行相应的处理.不过,此实例并未采用该方法进行编码,因为设想实际项目中从数据库获取对应的数据实体,其后需要另外建立一个继承该实体的ViewModel,并添加判断CheckBox的自定义属性如:bool isEnable,再对该ViewModel进行赋值.这个过程则多了一个赋值过程,消耗了资源.(对于如何使用ViewModel和数据实体Model的认识本人还尚浅,希望各位阅读此文的朋友指点.)


    

tbb026
关注
  • 2
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
wpf的listview编辑指定列_WPF：ListView列的动态添加和删除 | 学步园
weixin_35972199的博客
01-17 2219
简介昨天写了篇关于ListView列排序的文章：一种简单易用的WPF ListView点击列排序的方法，今天我们再来看看ListView动态添加或删除列的小方法。效果就类似下图，你已经定义好一个ListView，使用该方法可以根据ListView的列动态生成一个可以修改的列选项列表，通过修改列表的属性，ListView的列可以被动态添加或者删除。使用方法该方法的所有功能都实现在一个类型中：Colu...
WPF DataGrid、ListView 简单绑定
imJaron的博客
04-13 828
DataGrid运行效果： xaml 代码： DataGridName= dtgData ItemsSource= {Binding} AutoGenerateColumns= False DataGrid.Columns DataGridTextColumnBinding= {BindingPath=id} Header= ID HeaderStringFormat= id / DataGrid
ListView中嵌套checkbox实现多选
师以长技以制夷
10-02 1432
我现在要实现一个多选的ListView，当选择ListView中的checkbox的时候，可以将选中的多个checkbox所代表的值保存到数据库中！哪位高手做过类似的东西，给小弟指教指教，十分感谢！ 这个你可以做一个链表，把点击过的id纪录下来，就可以实现了 用一个数组存放你
WPF 在listview中如何实现Combobox的下拉菜单绑定Demo
05-21
WPF 在listview中如何实现Combobox的下拉菜单绑定Demo C# WPF ListView
wpf ListView前面的复选框联动，序号
最新发布
GUOQINGJIEABC的博客
06-04 544
- 这里是表头的checkbox,点这里，会影响下面所有的复选框，实线一个按钮控制所有的复选框-->//主要是这句，重新把值赋回去。
Wpf获取CheckBox复选框选择的数据
04-20 3397
数据绑定 DataTable data = new DataTable(); data.Columns.Add("No",typeof(bool)); data.Columns.Add("ID",typeof(string)); data.Columns.Add("Itme",typeof(string)); ...
WPF 解决listview值更改时页面没有刷新
weixin_52475977的博客
09-29 1041
WPF 解决listview值更改时页面没有刷新。
wpf listview 大数据界面刷新
qq_34293646的博客
07-24 2342
最近公司在做一个Windows项目，其中主界面需要实时更新数据，大概是0.5秒刷一次数据。一开始想用winform做的，思路是使用winform把界面画出来然后显示。但是觉得比较复制而且麻烦，后来查看了网上资料，感觉使用wpf就不用那么麻烦，而且代码都比较少而且清晰，而且支持更改数据就能刷新界面，决定试验一把。 网上关于listview的资料不少，但是都是片面的，或者不全。 好了，现在开始，新建wpf项目，添加用户控件，在用户控件里添加listview控件，并添加数据模板。 定义数据模型： public
WPF ListView绑定数据实例
热门推荐
晨曦的专栏
05-02 2万+
WPF中ListView用来显示数据十分方便， 我们可以将它分成
WPF學習教程與實例
04-24
- **数据呈现控件**: 如DataGrid、ListView等，用于显示和操作数据集。 - **高级控件**: 如TabControl、TreeView、ListBox等，用于更复杂的数据展示和用户交互。 在实际开发中，理解并熟练掌握这些控件的使用是提升...
ASP.NET3.5从入门到精通
03-13
8.7 数据绑定控件（ListView） 8.8 数据绑定控件（DataPager） 8.9 小结 第 9 章 ASP.NET 操作数据库 9.1 使用ADO.NET 操作数据库 9.1.1 使用ExecuteReader()操作数据库 9.1.2 使用ExecuteNonQuery()操作数据库 ...
C#控件完美开发演义
10-30
3. **数据绑定控件**：如DataGridView（数据网格视图）和ListView（列表视图）等，能够直接与数据库或其他数据源绑定，展示和操作数据。 4. **对话框控件**：例如OpenFileDialog（打开文件对话框）、SaveFileDialog...
ASP.NET 3.5 开发大全11-15
02-12
8.7 数据绑定控件（ListView） 8.8 数据绑定控件（DataPager） 8.9 小结 第9章 ASP.NET操作数据库 9.1 使用ADO.NET操作数据库 9.1.1 使用ExecuteReader()操作数据库 9.1.2 使用ExecuteNonQuery()操作数据库 9.1.3 ...
WPF编程，C#后台动态创建GridView列或者动态删除的一种简单方法。
君一席
01-17 1681
出于数据显示的需求，有时需要后台动态的创建GridView的列或者动态的移除不显示某个列 。 这里提供了一种简单的方法。 参考地址：https://blog.csdn.net/yqj234/article/details/50887018 1、增加 using System.Windows.Controls; 2、后台创建 //首先要判断是不是...
WPF 列表控件数据源绑定多个数据集合方法
lindexi
05-22 2163
在 WPF 用的多的列表控件如 ListBox 或 ListView 等，本文告诉大家在这些列表控件上进行绑定多个数据集合来源的多个实现方法。如有一个显示动物列表的控件，需要绑定的数据来源是阿猫和阿狗两个 ObservableCollection 列表，不在后台代码编写合并集合的代码情况下，可以通过 XAML 的编写，绑定多个数据集合 准备 在开始之前，咱先搭建一点测试使用的代码，假定咱有一个...
WPF日报
Dedication_的博客
01-05 524
2022/1/4 1. 动态图标 在模板中添加Image控件，通过Source设定原始图标 删除原来的IsMouseOver IsPressed 添加Triggers，Proproty="IsMouseOver",Value="True"，重置Image的Source 添加Triggers，Proproty="IsPressed",Value="True"，重置Image的Source <Trigger Property="IsMouseOver
WPF中DataGrid 动态增加列
u014650759的专栏
09-04 7770
在WPF的项目中希望给DataGrid动态添加列，而不是添加行。例如，现有的列名是“规则一”、“规则二”，他们希望能够不断添加新的规则（每按一次键添加新的一列），然后再在DataGrid里输入、修改。就是要像Access一样。 WPF中所有的ItemsControl只支持一维的数据结构，简单理解，我们熟悉的ListBox，ListView, ComboBox, 甚至DataGrid 都是仅支持一...
wpf listview数据绑定
05-05
WPF中ListView是一个非常强大的控件，它可以用于呈现列表数据。数据绑定是WPF编程中的一个核心概念，通过数据绑定可以将数据和UI元素进行关联。下面是一个简单的例子，演示如何使用ListView进行数据绑定。 1. 创建一个数据模型类 首先我们需要定义一个数据模型类，用于表示每个列表项的数据。例如，我们可以定义一个Person类，包含Name和Age属性。 ```csharp public class Person { public string Name { get; set; } public int Age { get; set; } } ``` 2. 创建一个ViewModel类 接下来，我们需要创建一个ViewModel类，用于管理ListView的数据源。例如，我们可以定义一个PeopleViewModel类，包含一个ObservableCollection<Person>类型的People属性，用于存储所有的Person对象。ObservableCollection是一个特殊的集合类，它可以自动通知UI元素数据源的变化。 ```csharp public class PeopleViewModel { public ObservableCollection<Person> People { get; set; } public PeopleViewModel() { People = new ObservableCollection<Person>(); People.Add(new Person { Name = "Tom", Age = 20 }); People.Add(new Person { Name = "Jerry", Age = 30 }); People.Add(new Person { Name = "Mickey", Age = 25 }); } } ``` 3. 在XAML中创建ListView控件 在XAML中创建ListView控件，并通过ItemsSource属性将其与ViewModel的People属性进行绑定。可以使用DataTemplate定义每个列表项的UI元素。 ```xml <ListView ItemsSource="{Binding People}"> <ListView.ItemTemplate> <DataTemplate> <StackPanel> <TextBlock Text="{Binding Name}" /> <TextBlock Text="{Binding Age}" /> </StackPanel> </DataTemplate> </ListView.ItemTemplate> </ListView> ``` 4. 在窗口代码中设置DataContext 最后，在窗口代码中设置DataContext为PeopleViewModel的实例。 ```csharp public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); DataContext = new PeopleViewModel(); } } ``` 这样，当窗口加载时，ListView就会自动显示ViewModel的People属性中的所有数据。当数据发生变化时，ListView也会自动更新。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值