ItemsControl 数据绑定的两种方式

2023-07-04 19:41:03 73

最近在学习ItemsControl这个控件的时候，查看了MSDN上面的一个例子，并且自己做了一些修改，这里主要使用了两种方式来进行相应的数据绑定，一种是使用DataContext，另外一种是直接将一个类绑定到前台，其实这两种方式原理差不多都是将数据模型的对象添加到一个ObservableCollection集合中，然后再绑定到前台,下面分别介绍两种绑定方式：

第一种

是将数据存储在一个ObservableCollection集合中，然后作为ItemsControl的DataContext对象，下面分别贴出相关的代码：

这里需要注意的地方是 ItemsSource="{Binding}"这句必须添加，否则后台的数据是无法添加到前台的，这个需要注意，这里贴出后台的代码

usingSystem.Windows.Documents;
usingSystem.Windows.Input;
usingSystem.Windows.Media;
usingSystem.Windows.Media.Imaging;
usingSystem.Windows.Navigation;
usingSystem.Windows.Shapes;

namespaceTestGrid
{
///
///MainWindow.xaml的交互逻辑
///
publicpartialclassMainWindow:Window
{
privateObservableCollectionitem=null;
publicMainWindow()
{
InitializeComponent();
item=newObservableCollection();
item.Add(
newDataSource()
{
Priority="1",
TaskName="hello"
}
);
item.Add(
newDataSource()
{
Priority="2",
TaskName="whats"
}
);
item.Add(
newDataSource()
{
Priority="3",
TaskName="your"
}
);
item.Add(
newDataSource()
{
Priority="4",
TaskName="name"
}
);
item.Add(
newDataSource()
{
Priority="5",
TaskName="can"
}
);
item.Add(
newDataSource()
{
Priority="6",
TaskName="you"
}
);
this.myItemsControl.DataContext=item;

}
}
}

usingSystem.Windows.Documents;
usingSystem.Windows.Input;
usingSystem.Windows.Media;
usingSystem.Windows.Media.Imaging;
usingSystem.Windows.Navigation;
usingSystem.Windows.Shapes;

namespaceTestGrid
{
///
///MainWindow.xaml的交互逻辑
///
publicpartialclassMainWindow:Window
{
privateObservableCollectionitem=null;
publicMainWindow()
{
InitializeComponent();
item=newObservableCollection();
item.Add(
newDataSource()
{
Priority="1",
TaskName="hello"
}
);
item.Add(
newDataSource()
{
Priority="2",
TaskName="whats"
}
);
item.Add(
newDataSource()
{
Priority="3",
TaskName="your"
}
);
item.Add(
newDataSource()
{
Priority="4",
TaskName="name"
}
);
item.Add(
newDataSource()
{
Priority="5",
TaskName="can"
}
);
item.Add(
newDataSource()
{
Priority="6",
TaskName="you"
}
);
this.myItemsControl.DataContext=item;

}
}
}

这里最重要的一句就是 this.myItemsControl.DataContext=item;这个是将刚才的集合绑定到ItemsControl控件上，这里需要我们的注意。

第二种

另外一种方式的数据绑定就是将一个类绑定到这个ItemsControl控件上，具体的方式如下：

这里我们通过资源来引用一个类，让后使用 ItemsSource="{BindingSource={StaticResourcemyDataSource}}"将这个类绑定到ItemsSource控件上面，这里贴出相关的代码，我们定义了一个MyData的类，将该类作为数据源绑定到前台上，这个类的代码如下

usingSystem;
usingSystem.Collections.Generic;
usingSystem.Collections.ObjectModel;
usingSystem.Linq;
usingSystem.Text;
usingSystem.Threading.Tasks;

namespaceTestGrid
{
publicclassMyData:ObservableCollection
{
publicMyData()
{
Add(newDataSource()
{
Priority="1",
TaskName="My"
}
);
Add(newDataSource()
{
Priority="2",
TaskName="Name"
}
);
Add(newDataSource()
{
Priority="3",
TaskName="Is"
}
);
Add(newDataSource()
{
Priority="4",
TaskName="Ye"
}
);
Add(newDataSource()
{
Priority="5",
TaskName="Bo"
}
);

}

}
}

这里面很重要的一部就是让这个类继承自 ObservableCollection，然后来添加相应的数据源，我们在使用继承的时候需要注意这些技巧。

其实这两种情况都是将一个数据集合绑定到前台，只不过是一些绑定的方式有所不同，实际的原理都是一样的！

以上就是ItemsControl数据绑定的两种方式的详细内容，更多关于ItemsControl数据绑定的资料请关注毛票票其它相关文章！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

ItemsControl 数据绑定的两种方式

第一种

第二种

热门推荐

随机推荐