WPF数据绑定-我缺少什么?

如何解决WPF数据绑定-我缺少什么?

| 我试图通过一个简单的示例来掌握WPF数据绑定的概念,但似乎我还没有完全理解所有的要点。 该示例是级联下拉菜单之一; XAML如下:
<Window x:Class=\"CascadingDropDown.MainWindow\"
        xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"
        xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\"
        Title=\"MainWindow\" Height=\"496\" Width=\"949\" Loaded=\"Window_Loaded\">
    <Grid>
        <ComboBox Name=\"comboBox1\" ItemsSource=\"{Binding}\" DisplayMemberPath=\"Key\" SelectionChanged=\"comboBox1_SelectionChanged\" />
        <ComboBox Name=\"comboBox2\" ItemsSource=\"{Binding}\" DisplayMemberPath=\"Name\" />
    </Grid>
</Window>
这是形式的代码:
public partial class MainWindow : Window
{
    private ObservableCollection<ItemA> m_lstItemAContext = new ObservableCollection<ItemA>();
    private ObservableCollection<ItemB> m_lstItemBContext = new ObservableCollection<ItemB>();
    private IEnumerable<ItemB> m_lstAllItemB = null;

    public MainWindow()
    {
        InitializeComponent();

        this.comboBox1.DataContext = m_lstItemAContext;
        this.comboBox2.DataContext = m_lstItemBContext;
    }

    private void Window_Loaded(object sender,RoutedEventArgs e)
    {
        var lstItemA = new List<ItemA>() { new ItemA(\"aaa\"),new ItemA(\"bbb\"),new ItemA(\"ccc\") };
        var lstItemB = new List<ItemB>() { new ItemB(\"aaa\",\"a11\"),new ItemB(\"aaa\",\"a22\"),new ItemB(\"bbb\",\"b11\"),\"b22\") };

        initPicklists(lstItemA,lstItemB);
    }

    private void initPicklists(IEnumerable<ItemA> lstItemA,IEnumerable<ItemB> lstItemB)
    {
        this.m_lstAllItemB = lstItemB;

        this.m_lstItemAContext.Clear();
        lstItemA.ToList().ForEach(a => this.m_lstItemAContext.Add(a));
    }

    #region Control event handlers

    private void comboBox1_SelectionChanged(object sender,SelectionChangedEventArgs e)
    {
        ComboBox ddlSender = (ComboBox)sender;
        ItemA itemaSelected = (ItemA)ddlSender.SelectedItem;

        var lstNewItemB = this.m_lstAllItemB.Where(b => b.KeyA == itemaSelected.Key);

        this.m_lstItemBContext.Clear();
        lstNewItemB.ToList().ForEach(b => this.m_lstItemBContext.Add(b));
    }

    private void comboBox2_?(object sender,?EventArgs e)
    {
        // disable ComboBox  if empty
    }
    #endregion Control event handlers
}
这些是我的数据类:
class ItemA
{
    public string Key { get; set; }

    public ItemA(string sKey)
    {
        this.Key = sKey;
    }
}

class ItemB
{
    public string KeyA { get; set; }

    public string Name { get; set; }

    public ItemB(string sKeyA,string sName)
    {
        this.KeyA = sKeyA;
        this.Name = sName;
    }
}
因此,只要在comboBox1中选择了一个项目,就应该在comboBox2中显示适当的项目。尽管我不确定重新填充各自的ObservableCollection的方式是否理想,但这正在使用当前代码。 我无法实现的实际上是对comboBox2的基础集合中的更改做出反应,例如,当列表为空时(即,在comboBox1中选择\“ ccc \”时)停用控件。 当然,我可以在ObservableCollection的CollectionChanged事件上使用事件处理程序,该事件处理程序在此示例中有效,但在更复杂的情况下,其中ComboBox的DataContext可能更改为完全不同的对象(并且可能返回) ,这意味着双重依赖-我将不仅要切换DataContext,而且还要来回切换事件处理程序。这对我来说似乎不对,但是我可能对此完全错了。 基本上,我要寻找的是控件上触发的事件,而不是基础列表。不是ObservableCollection宣布“我的内容已更改”,而是ComboBox告诉我“我的项目发生了什么”。 我需要做什么,或者我必须在哪里纠正对整个概念的理解?     

解决方法

这是实现这一目标的一种更简洁的方法(也许不是最优化的方法),保持您的业务模型不变,并且仅在可能的情况下使用ViewModel和XAML: 查看模型:
public class WindowViewModel : INotifyPropertyChanged
{
    private ItemA selectedItem;


    private readonly ObservableCollection<ItemA> itemsA = new ObservableCollection<ItemA>();
    private readonly ObservableCollection<ItemB> itemsB = new ObservableCollection<ItemB>();
    private readonly List<ItemB> internalItemsBList = new List<ItemB>();


    public WindowViewModel()
    {
        itemsA = new ObservableCollection<ItemA> { new ItemA(\"aaa\"),new ItemA(\"bbb\"),new ItemA(\"ccc\") };
        InvokePropertyChanged(new PropertyChangedEventArgs(\"ItemsA\"));

        internalItemsBList = new List<ItemB> { new ItemB(\"aaa\",\"a11\"),new ItemB(\"aaa\",\"a22\"),new ItemB(\"bbb\",\"b11\"),\"b22\") };

    }

    public ObservableCollection<ItemA> ItemsA
    {
        get { return itemsA; }
    }

    public ItemA SelectedItem
    {
        get { return selectedItem; }

        set
        {
            selectedItem = value;

            ItemsB.Clear();
            var tmp = internalItemsBList.Where(b => b.KeyA == selectedItem.Key);
            foreach (var itemB in tmp)
            {
                ItemsB.Add(itemB);
            }


            InvokePropertyChanged(new PropertyChangedEventArgs(\"SelectedItem\"));
        }
    }

    public ObservableCollection<ItemB> ItemsB
    {
        get { return itemsB; }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    public void InvokePropertyChanged(PropertyChangedEventArgs e)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null) handler(this,e);
    }
}
背后的代码:
public partial class Window1
{
    public Window1()
    {
        InitializeComponent();
        DataContext = new WindowViewModel();
    }
}
和XAML:
 <StackPanel>
    <ComboBox Name=\"comboBox1\" ItemsSource=\"{Binding ItemsA}\" DisplayMemberPath=\"Key\" SelectedItem=\"{Binding SelectedItem,Mode=TwoWay}\"  />
    <ComboBox Name=\"comboBox2\" ItemsSource=\"{Binding ItemsB}\" DisplayMemberPath=\"Name\">
        <ComboBox.Style>
            <Style TargetType=\"{x:Type ComboBox}\">
                <Setter Property=\"IsEnabled\" Value=\"true\"/>
                <Style.Triggers>
                    <DataTrigger Binding=\"{Binding ItemsB.Count}\" Value=\"0\">
                        <Setter Property=\"IsEnabled\" Value=\"false\"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </ComboBox.Style>
    </ComboBox>
</StackPanel>
复制粘贴这应该工作。 一些随机的想法: 1)在WPF中,尝试始终使用MVVM模式,不要将代码放在事件处理程序的代码隐藏文件中。对于用户操作(如按钮单击),请使用“命令”模式。对于其他命令不可用的用户操作,请在“绑定方式”中进行尽可能多的考虑:您可以做很多事情,因为您可以从VM属性设置器中的视图中拦截事件(在本示例中,我使用
SelectedItem
属性设置器)。 2)尽可能多地使用XAML。 WPF框架提供了非常强大的绑定和触发器系统(在您的示例中,启用combobox不需要任何C#行)。 3)使ObservableCollection由视图模型通过绑定公开给视图。它们还应与您可以在视图模型中处理的CollectionChanged事件一起使用。充分利用这一点(在您的示例中,我在VM中使用Observable集合进行播放,应该在该位置进行播放,并且集合中的任何更改都将通过DataBinding反映在视图中)。 希望这会有所帮助!     ,  基本上,我要寻找的是控件上触发的事件,而不是基础列表。不是ObservableCollection宣布“我的内容已更改”,而是ComboBox告诉我“我的项目发生了什么” 如果您想使用MVVM模式,那么我会拒绝。不是控件应该提供信息,而是您的视图模型应该提供信息。 首先,采取ObservableCollection是一个好步骤。在您特殊的情况下,我将考虑仅使用ItemA创建一个列表,并且将一个ItemB类型的新List属性添加到ItemA。
class ItemA
{
public string Key { get; set; }

public ItemA(string sKey)
{
    this.Key = sKey;
}

public IEnumerable<ItemB> ListItemsB { get; set;}

}
我认为ItemA是父母?
class ItemB
{

public string Name { get; set; }

public ItemB(string sName)
{
    this.Name = sName;
}
}
您有一个ItemA的集合,每个ItemA都有其自己的从属ItemB列表。
<ComboBox x:Name=\"cbo_itemA\" ItemsSource=\"{Binding ListItemA}\" DisplayMemberPath=\"Key\"/>
<ComboBox ItemsSource=\"{Binding ElementName=cbo_itemA,Path=SelectedItem.ListItemsB}\"
          DisplayMemberPath=\"Name\" />
    ,您需要钥匙收藏吗?如果不是,我建议通过ѭ10分组从项目动态创建它:
private ObservableCollection<object> _Items = new ObservableCollection<object>()
{
    new { Key = \"a\",Name = \"Item 1\" },new { Key = \"a\",Name = \"Item 2\" },new { Key = \"b\",Name = \"Item 3\" },new { Key = \"c\",Name = \"Item 4\" },};
public ObservableCollection<object> Items { get { return _Items; } }
<StackPanel>
    <StackPanel.Resources>
        <CollectionViewSource x:Key=\"ItemsSource\" Source=\"{Binding Items}\">
            <CollectionViewSource.GroupDescriptions>
                <PropertyGroupDescription PropertyName=\"Key\"/>
            </CollectionViewSource.GroupDescriptions>
        </CollectionViewSource>
    </StackPanel.Resources>
    <StackPanel.Children>
        <ComboBox Name=\"keyCb\" ItemsSource=\"{Binding Source={StaticResource ItemsSource},Path=Groups}\" DisplayMemberPath=\"Name\"/>
        <ComboBox ItemsSource=\"{Binding ElementName=keyCb,Path=SelectedItem.Items}\" DisplayMemberPath=\"Name\"/>
    </StackPanel.Children>
</StackPanel>
第一个组合框显示按“ 13”属性分组生成的键,第二个组合框绑定到第一个组合框中所选项的子项,显示项的“ 14”。 另请参见
CollectionViewGroup
参考,在第一笔CB中,我将
Name
用于第二个
Items
。 当然,您也可以通过将项嵌套在键对象中来手动创建这些键组。     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-
参考1 参考2 解决方案 # 点击安装源 协议选择 http:// 路径填写 mirrors.aliyun.com/centos/8.3.2011/BaseOS/x86_64/os URL类型 软件库URL 其他路径 # 版本 7 mirrors.aliyun.com/centos/7/os/x86
报错1 [root@slave1 data_mocker]# kafka-console-consumer.sh --bootstrap-server slave1:9092 --topic topic_db [2023-12-19 18:31:12,770] WARN [Consumer clie
错误1 # 重写数据 hive (edu)&gt; insert overwrite table dwd_trade_cart_add_inc &gt; select data.id, &gt; data.user_id, &gt; data.course_id, &gt; date_format(
错误1 hive (edu)&gt; insert into huanhuan values(1,&#39;haoge&#39;); Query ID = root_20240110071417_fe1517ad-3607-41f4-bdcf-d00b98ac443e Total jobs = 1
报错1:执行到如下就不执行了,没有显示Successfully registered new MBean. [root@slave1 bin]# /usr/local/software/flume-1.9.0/bin/flume-ng agent -n a1 -c /usr/local/softwa
虚拟及没有启动任何服务器查看jps会显示jps,如果没有显示任何东西 [root@slave2 ~]# jps 9647 Jps 解决方案 # 进入/tmp查看 [root@slave1 dfs]# cd /tmp [root@slave1 tmp]# ll 总用量 48 drwxr-xr-x. 2
报错1 hive&gt; show databases; OK Failed with exception java.io.IOException:java.lang.RuntimeException: Error in configuring object Time taken: 0.474 se
报错1 [root@localhost ~]# vim -bash: vim: 未找到命令 安装vim yum -y install vim* # 查看是否安装成功 [root@hadoop01 hadoop]# rpm -qa |grep vim vim-X11-7.4.629-8.el7_9.x
修改hadoop配置 vi /usr/local/software/hadoop-2.9.2/etc/hadoop/yarn-site.xml # 添加如下 &lt;configuration&gt; &lt;property&gt; &lt;name&gt;yarn.nodemanager.res