锐客网

  1. 首页 > 睿知 > it技术 > >

WPF: WrapPanel 容器的模板数据绑定（ItemsControl）

IT知识容器数据绑定control

知识的领域是无限的,我们的学习也是无限期的。这篇文章主要讲述WPF: WrapPanel 容器的模板数据绑定（ItemsControl）相关的知识，希望能为你提供帮助。
问题：
        有一些CheckBox需要作为选项添加到页面上，但是数目不定。而为了方便排版，我选择用WrapPanel面板来作为父容器。那现在的问题就是如何把这些控件添加到这个WrapPanel里了。我想到了两个方法，第一个是先得到控件数目，然后再动态生成并加载到这个WrapPanel里，第二个是设置数据绑定。我想第一个是可行的，但是项目中还涉及到其它问题，所以这里就选择第二个了。问题来了，在WrapPanel中并没有可以用来设置绑定并实现动态生成的东西，那要怎么解决了？
办法：
新建一个ItemsControl控件，并为ItemsSource绑定数据源，然后把ItemsControl.ItemsPanel设置为WrapPanel，最后为ItemsControl.ItemTemplate中的CheckBox.Content绑定数据。
 
eg:
1、创建数据源类型。
public class business
{
public string txt { get; set; }
}
 
2、设置数据源
public MainWindow()
{
this.InitializeComponent();
List< business> che = new List< business> ()
{
new business() { txt = "选项1"},
new business() { txt = "选项2"},
new business() { txt = "选项3"},
new business() { txt = "选项4"},
new business() { txt = "选项5"},
new business() { txt = "选项6"},
new business() { txt = "选项7"}
};
ItemsControl.ItemsSource = che;
}
3、Xaml中
【WPF: WrapPanel 容器的模板数据绑定（ItemsControl）】< ItemsControlx:Name="itemsControl"Background="#B28BB2F1">
< ItemsControl.ItemsPanel>
< ItemsPanelTemplate>
< WrapPanel Orientation="Horizontal"/>
< /ItemsPanelTemplate>
< /ItemsControl.ItemsPanel>
< ItemsControl.ItemTemplate>
< DataTemplate>
< Border Padding="3">
< WrapPanel>
< CheckBoxContent="{Binding txt}"/>
< /WrapPanel>
< /Border>
< /DataTemplate>
< /ItemsControl.ItemTemplate>
< /ItemsControl>
调试一下就OK了。
 

下一篇告诉你怎么遍历这个DataTemplate，并判断哪些checkBox被选中了。
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
原文链接：https://blog.csdn.net/wushang923/article/details/6739756
================================================================================================
情况1：在设定DataTemplate的Name,并且他是在前台表示时，获取DataTemplate里的指定控件。
方法：
http://blog.csdn.net/wackelbh/article/details/6003947(参考这篇文章)
 

情况2：当没有设定DataTemplate的Name或是以Resource方式调用时，获取DataTemplate里的指定控件。
方法：
1、这里需要有一个从DataTemplate里获取控件的函数
public T FindFirstVisualChild< T> (DependencyObject obj, string childName) where T : DependencyObject
{
for (int i = 0; i < VisualTreeHelper.GetChildrenCount(obj); i++)
{
DependencyObject child = VisualTreeHelper.GetChild(obj, i);
if (child != null & & child is T & & child.GetValue(NameProperty).ToString() == childName)
{
return (T)child;
}
else
{
T childOfChild = FindFirstVisualChild< T> (child, childName);
if (childOfChild != null)
{
return childOfChild;
}
}
}
return null;
}
2、稍微改动一下前篇里的代码：
< ItemsControlx:Name="itemsControl"Background="#B28BB2F1">
< ItemsControl.ItemsPanel>
< ItemsPanelTemplate>
< WrapPanel Orientation="Horizontal"/>
< /ItemsPanelTemplate>
< /ItemsControl.ItemsPanel>
< ItemsControl.ItemTemplate>
< DataTemplate>
< Border Padding="3">
< WrapPanel>
< TextBox x:Name="txtID"/>
< TextBlock x:Name="txtName" Text="Good"/>
< /WrapPanel>
< /Border>
< /DataTemplate>
< /ItemsControl.ItemTemplate>
< /ItemsControl>
或者
< Page.Resource>
< DataTemplate x:Key="data">
< Border Padding="3">
< WrapPanel>
< TextBox x:Name="txtID"/>
< TextBlock x:Name="txtName" Text="Good"/>
< /WrapPanel>
< /Border>
< /DataTemplate>
< /Page.Resources>

< ItemsControlx:Name="itemsControl"Background="#B28BB2F1"ItemTemplate="{StaticResource data}">
< ItemsControl.ItemsPanel>
< ItemsPanelTemplate>
< WrapPanel Orientation="Horizontal"/>
< /ItemsPanelTemplate>
< /ItemsControl.ItemsPanel>
< /ItemsControl>
3、解下来就写按钮的处理函数：
我需要获取DataTemplate里名为"txtName"的TextBlock控件并显示他的Text内容。
private void Button_Click(object sender, System.Windows.RoutedEventArgs e)
{
TextBlock txt = FindFirstVisualChild< TextBox> (itemsControl, "txtName");
if (txt != null)//判断是否找到
MessageBox.Show(txt.Text.ToString());
}
 
情况3：当没有设定DataTemplate的里的控件Name或者你压根不知道里面有哪些控件，但是你又想获取他们的值时。例如上一篇，当我动态生成CheckBox后，我想知道哪些CheckBox被选中了。

方法：
1、也需要一个获取DataTemplate控件的函数，但是返回的是一个集合。
public List< T> GetChildObjects< T> (DependencyObject obj, string name) where T : FrameworkElement
{
DependencyObject child = null;
List< T> childList = new List< T> ();
for (int i = 0; i < = VisualTreeHelper.GetChildrenCount(obj) - 1; i++)
{
child = VisualTreeHelper.GetChild(obj, i);
if (child is T & & (((T)child).Name == name || string.IsNullOrEmpty(name)))
{
childList.Add((T)child);
}
childList.AddRange(GetChildObjects< T> (child, "")); //指定集合的元素添加到List队尾
}
return childList;
}
2、xaml中代码(详细请看前一篇)
< ItemsControlx:Name="itemsControl"Background="#B28BB2F1">
< ItemsControl.ItemsPanel>
< ItemsPanelTemplate>
< WrapPanel Orientation="Horizontal"/>
< /ItemsPanelTemplate>
< /ItemsControl.ItemsPanel>
< ItemsControl.ItemTemplate>
< DataTemplate>
< Border Padding="3">
< WrapPanel>
< CheckBoxContent="{Binding txt}"/>
< /WrapPanel>
< /Border>
< /DataTemplate>
< /ItemsControl.ItemTemplate>
< /ItemsControl>
3、解下来就写按钮的处理函数：
private void Button_Click(object sender, System.Windows.RoutedEventArgs e)
{
DataVisualTreeHelper VTHelper = new DataVisualTreeHelper();
List< CheckBox> collection = VTHelper.GetChildObjects< CheckBox> (itemsControl, "")//第2个参数为空，表示查找所有指定类型的控件（返回

一个CheckBox集合）
foreach (CheckBox item in collection //遍历这个集合
{
if (item.IsChecked == true)
MessageBox.Show(item.Content.ToString() + "被选中了!");
}
}

先写到这了，以后有发现更好的方法再补上。
— — — — — — — — — — — — — — — — — — — — — — — — — — —
原文链接：https://blog.csdn.net/wushang923/article/details/6742378

    推荐阅读


    上一篇：mac上安装virtualenvwrapper的正确姿势

    下一篇：如何处理WinXP电脑显示器含糊的问题