数据绑定(五)使用集合对象作为列表控件的ItemsSource

简介: 原文:数据绑定(五)使用集合对象作为列表控件的ItemsSource ItemsSource属性可以接收一个IEnumerable接口派生类的实例作为自己的值,ItemsSource里存放的是一条一条的数据,列表式控...
原文: 数据绑定(五)使用集合对象作为列表控件的ItemsSource

ItemsSource属性可以接收一个IEnumerable接口派生类的实例作为自己的值,ItemsSource里存放的是一条一条的数据,列表式控件的条目容器会为这些数据传上外衣,只要为ItemsControl对象设置了ItemsSource属性值,ItemsControl对象就会自动迭代其中的数据元素,为每一个数据元素准备一个条目容器,并使用Binding在条目容器与数据元素之间建立起关联,例子:

界面代码:

    <StackPanel Background="LightBlue">
        <TextBlock Text="Student ID:" FontWeight="Bold"></TextBlock>
        <TextBox x:Name="textBox1"></TextBox>
        <TextBlock Text="Student List:" FontWeight="Bold"></TextBlock>
        <ListBox x:Name="listBoxStudents" Height="110"></ListBox>
    </StackPanel>

后台代码:

        public MainWindow()
        {
            InitializeComponent();

            List<Student> stuList = new List<Student>()
            {
                new Student(){Id=0, Name="daijun", Age=11},
                new Student(){Id=1, Name="Tim", Age=12},
                new Student(){Id=2, Name="Tom", Age=13},
                new Student(){Id=3, Name="Kyle", Age=14},
                new Student(){Id=4, Name="Tony", Age=15}
            };

            listBoxStudents.ItemsSource = stuList;
            listBoxStudents.DisplayMemberPath = "Name";
            Binding binding = new Binding();
            binding.Source = listBoxStudents;
            binding.Path = new PropertyPath("SelectedItem.Id");
            textBox1.SetBinding(TextBox.TextProperty, binding);
        }


目录
相关文章
|
2月前
|
JavaScript 前端开发 索引
如何给组件的元素添加事件监听器?
在组件的元素上添加事件监听器,可以通过在元素上使用 `@事件名` 的语法来实现。例如,`@click=&quot;handleClick&quot;` 表示当元素被点击时,会触发 `handleClick` 方法。
|
6月前
|
JavaScript 前端开发
DOM操作有哪些方法可以改变元素的样式?
【6月更文挑战第30天】DOM操作有哪些方法可以改变元素的样式?
49 2
|
6月前
|
JavaScript 前端开发
原生JS如何查询元素属性
原生JS如何查询元素属性
54 0
|
7月前
|
Java 数据库 开发者
Java数组件与表格组件
Java数组件与表格组件
62 0
|
7月前
|
JavaScript
【sgDrag】自定义组件:基于Vue开发支持批量声明拖拽元素、被碰撞元素,拖拽全过程监听元素碰撞检测并返回拖拽原始元素、克隆元素及其getBoundingClientRect对象和碰撞接触元素数组。
【sgDrag】自定义组件:基于Vue开发支持批量声明拖拽元素、被碰撞元素,拖拽全过程监听元素碰撞检测并返回拖拽原始元素、克隆元素及其getBoundingClientRect对象和碰撞接触元素数组。
|
JavaScript
vue实现菜单项数组转化为树形结构
vue实现菜单项数组转化为树形结构
113 0
|
XML 数据格式 开发者
使用 dom4j 实现获取属性值的操作| 学习笔记
快速学习使用 dom4j 实现获取属性值的操作。
|
JavaScript 前端开发
使用 jQuery对象设置页面中 <ul> 元素的标记类型,并使用 DOM 对象设置 <li> 元素的浮动属性和右边距。使用jQuery 对象和 DOM 对象设置页面元素属性
使用 jQuery对象设置页面中 <ul> 元素的标记类型,并使用 DOM 对象设置 <li> 元素的浮动属性和右边距。使用jQuery 对象和 DOM 对象设置页面元素属性
193 0
使用 jQuery对象设置页面中 <ul> 元素的标记类型,并使用 DOM 对象设置 <li> 元素的浮动属性和右边距。使用jQuery 对象和 DOM 对象设置页面元素属性
|
JavaScript
DOM 获取页面元素的方法
DOM 获取页面元素的方法
147 0
|
移动开发 前端开发 JavaScript
DOM(三)修改元素属性、样式、添加/删除元素
DOM(三)修改元素属性、样式、添加/删除元素
444 0