WPF ListView 的三种数据绑定方式

最新推荐文章于 2024-04-03 20:06:31 发布
最新推荐文章于 2024-04-03 20:06:31 发布
阅读量6k 收藏 2
点赞数
分类专栏： .net(C# winform WPF) 文章标签： listview WPF 数据绑定

ListView 的三种数据绑定方式

1.最原始的绑定方式：

 

复制代码 
     
     

      
        
      
      public
      
       ObservableCollection
      
      <
      
      object
      
      >
      
       ObservableObj;
        
      
      public
      
       MainWindow()
        {
            InitializeComponent();
            ObservableObj 
      
      =
      
       
      
      new
      
       ObservableCollection
      
      <
      
      object
      
      >
      
      ();
            ObservableObj.Add(
      
      new
      
       { Name 
      
      =
      
       
      
      "
      
      帅波
      
      "
      
      , Sex 
      
      =
      
       
      
      "
      
      男
      
      "
      
      , Age 
      
      =
      
       
      
      20
      
       });
            ObservableObj.Add(
      
      new
      
       { Name 
      
      =
      
       
      
      "
      
      帅波2
      
      "
      
      , Sex 
      
      =
      
       
      
      "
      
      女
      
      "
      
      , Age 
      
      =
      
       
      
      60
      
       });
            ObservableObj.Add(
      
      new
      
       { Name 
      
      =
      
       
      
      "
      
      帅波3
      
      "
      
      , Sex 
      
      =
      
       
      
      "
      
      女
      
      "
      
      , Age 
      
      =
      
       
      
      50
      
       });
            ObservableObj.Add(
      
      new
      
       { Name 
      
      =
      
       
      
      "
      
      帅波4
      
      "
      
      , Sex 
      
      =
      
       
      
      "
      
      女
      
      "
      
      , Age 
      
      =
      
       
      
      40
      
       });
            ObservableObj.Add(
      
      new
      
       { Name 
      
      =
      
       
      
      "
      
      帅波5
      
      "
      
      , Sex 
      
      =
      
       
      
      "
      
      男
      
      "
      
      , Age 
      
      =
      
       
      
      20
      
       });
            lv.DataContext 
      
      =
      
       ObservableObj;
         }
复制代码

 

当然了，用list<object> 也可以，只不过数据源变化后，要调用lv.Items.Refresh();

前台如下：

 

复制代码 
     
     

      
         
      
      <
      
      ListView 
      
      Height
      
      ="122"
      
       HorizontalAlignment
      
      ="Left"
      
         ItemsSource
      
      ="
      
      {Binding}
      
      "
      
       Margin
      
      ="33,67,0,0"
      
       Name
      
      ="lv"
      
       VerticalAlignment
      
      ="Top"
      
       Width
      
      ="400"
      
       
      
      >
      
      
            
      
      <
      
      ListView.View
      
      >
      
      
                
      
      <
      
      GridView  
      
      >
      
      
                    
      
      <
      
      GridViewColumn 
      
      DisplayMemberBinding
      
      ="
      
      {Binding Path=Name}
      
      "
      
       Width
      
      ="50"
      
       Header
      
      ="姓名"
      
        
      
      />
      
      
                    
      
      <
      
      GridViewColumn 
      
      DisplayMemberBinding
      
      ="
      
      {Binding Path=Sex}
      
      "
      
       Width
      
      ="50"
      
       Header
      
      ="性别"
      
       
      
      />
      
      
                    
      
      <
      
      GridViewColumn 
      
      DisplayMemberBinding
      
      ="
      
      {Binding Path=Age}
      
      "
      
       Width
      
      ="50"
      
       Header
      
      ="年龄"
      
         
      
      >
      
      
                        
      
      <
      
      GridViewColumn.HeaderTemplate
      
      >
      
      
                            
      
      <
      
      DataTemplate
      
      >
      
      
                                
      
      <
      
      TextBlock  
      
      Text
      
      ="
      
      {Binding}
      
      "
      
        Foreground
      
      ="Red"
      
      />
      
      
                            
      
      </
      
      DataTemplate
      
      >
      
      
                        
      
      </
      
      GridViewColumn.HeaderTemplate
      
      >
      
      
                    
      
      </
      
      GridViewColumn
      
      >
      
      
                
      
      </
      
      GridView
      
      >
      
      
            
      
      </
      
      ListView.View
      
      >
      
      
        
      
      </
      
      ListView
      
      >
复制代码

2.用xml绑定

 

复制代码 
     
     

      
       
      
      <
      
      XmlDataProvider 
      
      x:Key
      
      ="xmlData"
      
        XPath
      
      ="/Root"
      
      >
      
      
            
      
      <
      
      x:XData
      
      >
      
      
                
      
      <
      
      Root 
      
      xmlns
      
      =""
      
      >
      
      
                    
      
      <
      
      Item 
      
      Name
      
      ="刷波波10"
      
        Sex
      
      ="女"
      
       Age
      
      ="11"
      
      />
      
      
                    
      
      <
      
      Item 
      
      Name
      
      ="刷波波11"
      
        Sex
      
      ="男"
      
       Age
      
      ="11"
      
      />
      
      
                    
      
      <
      
      Item 
      
      Name
      
      ="刷波波12"
      
        Sex
      
      ="女"
      
       Age
      
      ="11"
      
      />
      
      
                    
      
      <
      
      Item 
      
      Name
      
      ="刷波波13"
      
        Sex
      
      ="女"
      
       Age
      
      ="11"
      
      />
      
      
                    
      
      <
      
      Item 
      
      Name
      
      ="刷波波14"
      
        Sex
      
      ="男"
      
       Age
      
      ="11"
      
      />
      
      
                
      
      </
      
      Root
      
      >
      
      
            
      
      </
      
      x:XData
      
      >
      
      
        
      
      </
      
      XmlDataProvider
      
      >
      
      

        
      
      <
      
      CollectionViewSource 
      
      x:Key
      
      ="viewSource"
      
       Source
      
      ="
      
      {Binding Source={StaticResource xmlData},XPath=Item}
      
      "
      
      >
      
      
            
      
      <
      
      CollectionViewSource.GroupDescriptions
      
      >
      
      
                
      
      <
      
      PropertyGroupDescription 
      
      PropertyName
      
      ="@Sex"
      
       
      
      />
      
      
            
      
      </
      
      CollectionViewSource.GroupDescriptions
      
      >
      
      
        
      
      </
      
      CollectionViewSource
      
      >
复制代码

listView的每一列绑定，需要加上@符号，Psath也换成XPath

 

复制代码 
     
     

      
       
      
      <
      
      ListView 
      
      Height
      
      ="122"
      
       HorizontalAlignment
      
      ="Left"
      
       ItemsSource
      
      ="
      
      {Binding Source={StaticResource viewSource}}
      
      "
      
       
                  Margin
      
      ="475,67,0,0"
      
       Name
      
      ="lv2"
      
       VerticalAlignment
      
      ="Top"
      
       Width
      
      ="400"
      
      >
      
      
            
      
      <
      
      ListView.GroupStyle
      
      >
      
      
                
      
      <
      
      GroupStyle
      
      >
      
      
                    
      
      <
      
      GroupStyle.ContainerStyle
      
      >
      
      
                        
      
      <
      
      Style 
      
      TargetType
      
      ="
      
      {x:Type GroupItem}
      
      "
      
      >
      
      
                            
      
      <
      
      Setter 
      
      Property
      
      ="Template"
      
       
      
      >
      
      
                                
      
      <
      
      Setter.Value
      
      >
      
      
                                    
      
      <
      
      ControlTemplate  
      
      TargetType
      
      ="
      
      {x:Type GroupItem}
      
      "
      
      >
      
      
                                        
      
      <
      
      Expander  
      
      BorderBrush
      
      ="Silver"
      
       BorderThickness
      
      ="1"
      
      >
      
      
                                            
      
      <
      
      Expander.Header
      
      >
      
      
                                                
      
      <
      
      DockPanel
      
      >
      
      
                                                    
      
      <
      
      TextBlock 
      
      Text
      
      ="
      
      {Binding Path=Name}
      
      "
      
        Width
      
      ="100"
      
      />
      
      
                                                    
      
      <
      
      TextBlock 
      
      Text
      
      ="
      
      {Binding Path=ItemCount}
      
      "
      
       
      
      />
      
      
                                                
      
      </
      
      DockPanel
      
      >
      
      
                                            
      
      </
      
      Expander.Header
      
      >
      
      
                                            
      
      <
      
      Expander.Content
      
      >
      
      
                                                
      
      <
      
      ItemsPresenter 
      
      />
      
      
                                            
      
      </
      
      Expander.Content
      
      >
      
      
                                        
      
      </
      
      Expander
      
      >
      
      
                                    
      
      </
      
      ControlTemplate
      
      >
      
      
                                
      
      </
      
      Setter.Value
      
      >
      
      
                            
      
      </
      
      Setter
      
      >
      
      
                        
      
      </
      
      Style
      
      >
      
      
                    
      
      </
      
      GroupStyle.ContainerStyle
      
      >
      
      
                
      
      </
      
      GroupStyle
      
      >
      
      
            
      
      </
      
      ListView.GroupStyle
      
      >
      
      
            
      
      <
      
      ListView.View
      
      >
      
      
                
      
      <
      
      GridView
      
      >
      
      
                    
      
      <
      
      GridViewColumn 
      
      DisplayMemberBinding
      
      ="
      
      {Binding XPath=@Name}
      
      "
      
       Header
      
      ="姓名"
      
       Width
      
      ="100"
      
       
      
      />
      
      
                    
      
      <
      
      GridViewColumn 
      
      DisplayMemberBinding
      
      ="
      
      {Binding XPath=@Sex}
      
      "
      
       Header
      
      ="性别"
      
       Width
      
      ="50"
      
       
      
      />
      
      
                    
      
      <
      
      GridViewColumn 
      
      DisplayMemberBinding
      
      ="
      
      {Binding XPath=@Age}
      
      "
      
       Header
      
      ="年龄"
      
       Width
      
      ="50"
      
      >
      
      
                        
      
      <
      
      GridViewColumn.HeaderTemplate
      
      >
      
      
                            
      
      <
      
      DataTemplate
      
      >
      
      
                                
      
      <
      
      TextBlock 
      
      Foreground
      
      ="Red"
      
       Text
      
      ="
      
      {Binding}
      
      "
      
       
      
      />
      
      
                            
      
      </
      
      DataTemplate
      
      >
      
      
                        
      
      </
      
      GridViewColumn.HeaderTemplate
      
      >
      
      
                    
      
      </
      
      GridViewColumn
      
      >
      
      
                
      
      </
      
      GridView
      
      >
      
      
            
      
      </
      
      ListView.View
      
      >
      
      
        
      
      </
      
      ListView
      
      >
复制代码

 

 

3.采用ObjectDataProvider绑定

cs代码如下：

 

复制代码 
     
     

      
       
      
      public
      
       
      
      class
      
       DataProvider
    {
        
      
      public
      
       ObservableCollection
      
      <
      
      object
      
      >
      
       GetData(
      
      int
      
       limit)
        {
            ObservableCollection
      
      <
      
      object
      
      >
      
       ObservableObj 
      
      =
      
       
      
      new
      
       ObservableCollection
      
      <
      
      object
      
      >
      
      ();
            
      
      int
      
       i 
      
      =
      
       
      
      0
      
      ;
            
      
      while
      
       (i 
      
      <=
      
       limit)
            {
                ObservableObj.Add(
      
      new
      
       { Name 
      
      =
      
       
      
      "
      
      帅波
      
      "
      
       
      
      +
      
       i.ToString(), Sex 
      
      =
      
       
      
      "
      
      女
      
      "
      
      , Age 
      
      =
      
       
      
      50
      
       
      
      +
      
       i });
                i
      
      ++
      
      ;
            }

            
      
      return
      
       ObservableObj;
        }
    }
复制代码

 

XAML的代码比较简单

  

复制代码 
     
     

      
       
      
      <
      
      ObjectDataProvider  x:Key
      
      =
      
      "
      
      objData
      
      "
      
       MethodName
      
      =
      
      "
      
      GetData
      
      "
      
       ObjectType
      
      =
      
      "
      
      {x:Type local:DataProvider}
      
      "
      
      >
      
      
            
      
      <
      
      ObjectDataProvider.MethodParameters
      
      >
      
      
                
      
      <
      
      sys:Int32
      
      >
      
      4
      
      </
      
      sys:Int32
      
      >
      
      
            
      
      </
      
      ObjectDataProvider.MethodParameters
      
      >
      
      
        
      
      </
      
      ObjectDataProvider
      
      >
复制代码

 

最后listView的绑定如下：

 

复制代码 
     
     

      
         
      
      <
      
      ListView 
      
      Height
      
      ="122"
      
       HorizontalAlignment
      
      ="Left"
      
       ItemsSource
      
      ="
      
      {Binding Source={StaticResource objData}}
      
      "
      
       Margin
      
      ="33,231,0,0"
      
       Name
      
      ="lv3"
      
       VerticalAlignment
      
      ="Top"
      
       Width
      
      ="400"
      
      >
      
      
            
      
      <
      
      ListView.View
      
      >
      
      
                
      
      <
      
      GridView
      
      >
      
      
                    
      
      <
      
      GridViewColumn 
      
      DisplayMemberBinding
      
      ="
      
      {Binding Path=Name}
      
      "
      
       Header
      
      ="姓名"
      
       Width
      
      ="50"
      
       
      
      />
      
      
                    
      
      <
      
      GridViewColumn 
      
      DisplayMemberBinding
      
      ="
      
      {Binding Path=Sex}
      
      "
      
       Header
      
      ="性别"
      
       Width
      
      ="50"
      
       
      
      />
      
      
                    
      
      <
      
      GridViewColumn 
      
      DisplayMemberBinding
      
      ="
      
      {Binding Path=Age}
      
      "
      
       Header
      
      ="年龄"
      
       Width
      
      ="50"
      
      >
      
      
                        
      
      <
      
      GridViewColumn.HeaderTemplate
      
      >
      
      
                            
      
      <
      
      DataTemplate
      
      >
      
      
                                
      
      <
      
      TextBlock 
      
      Foreground
      
      ="Red"
      
       Text
      
      ="
      
      {Binding}
      
      "
      
       
      
      />
      
      
                            
      
      </
      
      DataTemplate
      
      >
      
      
                        
      
      </
      
      GridViewColumn.HeaderTemplate
      
      >
      
      
                    
      
      </
      
      GridViewColumn
      
      >
      
      
                
      
      </
      
      GridView
      
      >
      
      
            
      
      </
      
      ListView.View
      
      >
      
      
        
      
      </
      
      ListView
      
      >
复制代码

 

 

搞定。第二个，参考了网上的一个例子，具体网址忘记了。

codeproject有个经典的例子，http://www.codeproject.com/KB/WPF/ListViewDragDropManager.aspx

 本文demo：http://files.cnblogs.com/xiaokang088/ListViewBindingTest.rar

啊拉丁的鱼
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C#中WPF ListView绑定数据的实例详解
01-20
C#中WPF ListView绑定数据的实例详解 WPF中ListView用来显示数据十分方便， 我们可以将它分成几个列，每一个列用来显示一条数据，但是又是在一方之中。 那么怎样实现这样的效果的呢，这就要用绑定了。 我们先来看...
WPF ListView数据绑定
manlibj的博客
12-11 2081
WPF ListView数据绑定 1、xaml代码 <ListView x:Name="lvTable" HorizontalAlignment="Center" ItemsSource="{Binding}" VerticalAlignment="Top" Margin="0,60,0,0" Height="300"> <ListView.View> <GridView>
WPF MVVM基础教程（四）复杂列表/数据绑定（集合绑定扩展）
qq_39427511的博客
03-11 4275
复杂列表如ListView、DataGrid的绑定，类似集合绑定，集合中的类型换成了定义的类，如果集合需要发生变化的，依旧需要使用ObservableCollection或者其他继承自接口INotifyCollectionChanged的集合。集合绑定扩展，其他类似ListBox、ComboBox等 绑定多属性的类集合，让其显示其中一个属性，此时只需要设置DisplayMenmBerPath属性为需要显示的属性，ListBox中的项就会显示对应的属性值，而且其SelectedItem属性依旧
【WPF应用31】WPF基本控件-ListView的详解与示例
最新发布
qq_35320456的博客
04-03 1827
WPF基本控件-ListView的详解与示例
ListView 的三种数据绑定方式
weixin_33935505的博客
12-30 476
1.最原始的绑定方式：   代码 public ObservableCollection&lt;object&gt; ObservableObj; public MainWindow() { InitializeComponent(); ObservableObj = new ObservableCollecti...
WPF数据绑定
xunmeng2002的专栏
08-28 573
其中，ComboBox绑定到ListBox所选择的项，根据ListBox选择的项的Instruments属性来填充其子项，而下面的StackPanel 的 DataContext 又绑定到ComboBox选择的项，三个TextBlock控件展示ComboBox所选择项的各项属性。绑定到集合的数据类型可以是任意类型的集合，唯一的要求是支持IEnumerable 接口，数组、各种类型的集合以及许多特殊的封装了数据项组的对象都支持该接口。在填写表单时候，经常会遇到根据前面选定的项，自动调整后面选项的内容的情况。
WPF 在listview中如何实现Combobox的下拉菜单绑定Demo
05-21
WPF 在listview中如何实现Combobox的下拉菜单绑定Demo C# WPF ListView
WPF后台动态绑定ListView数据源
06-08
WPF的ListView简易操作示例，如何在代码中按需设置数据源、追加行或列。一个简单的示例说明，便于了解基本应用，供有需要的进行学习。
WPF_ListView边框_每条颜色_数据绑定_多选择_字段可拖拽
12-06
绝对可用，大神请进，小白就不要下载了。DEMO中包含边框设置，每条颜色设置，数据绑定，多选择，字段拖拽常用功能。
wpf ListView 列表绑定demo
nbspzs的专栏
03-07 555
在 WPF 中，你可以自定义一个列表，其中每行的项是通过接口定义的，并通过数据绑定展示。以下是一个简单的示例，演示了如何创建一个自定义的 WPF 列表（ListView）并通过接口绑定数据。此示例演示了如何通过接口实现自定义的数据类，并在 WPF 中使用 ListView 将数据绑定到界面。根据你的具体需求，你可能需要进一步定制列表项的样式和模板。
记号: WPF ListView 自定义 Header
Jeremiah's Wikipedia
04-26 5537
<br /><ListView.View> <GridView> <GridViewColumn Header="Data" Width="80"> <GridViewColumn.CellTemplate>
WPF 表格列表 数据绑定
weixin_44599955的博客
03-21 1579
前端代码 <Grid> <ListView x:Name="ListView1"> <ListView.View> <GridView> <GridViewColumn Header="序号" Width="60" DisplayMemberBinding="{Binding Id}"/>
[WPF] 集合元素数据绑定与模板
诺尔的博客
04-01 1217
在 WPF 中使用 ItemsControl 进行集合数据的绑定
数据绑定——listview
qq_54901023的博客
05-06 903
第一种 方法一 第一步：在XAML文件中 <ListView x:Name="lv1" HorizontalAlignment="Left" Height="382" Margin="102,240,0,0" VerticalAlignment="Top" Width="586" RenderTransformOrigin="0.498,-1.5"> <ListView.ItemTemplate> <Data...
WPF的ListView绑定CheckBox数据并显示序号
thinbug的专栏
12-22 708
我们想在ListView中添加CheckBox数据，并且需要添加序号。
【WPF】ListView 中嵌入TextBox，支持双向绑定
weixin_38003425的博客
04-30 828
ListView 控件，与字符串数组，双向绑定
WPF 高级篇 MVVM （MVVMlight）绑定
时意
12-18 3622
我们这边来实现MvvMlight 主界面功能 实现数据显示 我们看界面元素 一个ListView 4个值固定的TextBlock 对应下面4个更具选择动态变化的TextBlock 三个Button 那么 分析一下需要的绑定对象 一个是Listview 需要一个 集合对象 选中集合对象 我们要把数据显示到右面 4个TextBlock 里 那么我们还需要被选中的对象 ...
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也会自动更新。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值