WPF入门教程系列二十九 ——DataGrid使用示例MVVM模式(7)

13.通过Command指令，传递了下拉框所选择的省份，datagrid自动显示相应省份的城市信息，但是以上示例中有一个Bug，就是下拉框中绑定的数据无法显示。

这是由于DataGridComboBoxColumn若要填充下拉列表，请先使用以下选项之一设置 ItemsSource 属性 ComboBox ：

1）静态资源。使用StaticResource 标记扩展。

2）x：Static 代码实体。使用x:Static 标记扩展。

3）类型的内联集合 ComboBoxItem 。

14.比较适合的绑定方式是 2）x：Static 代码实体。使用x:Static 标记扩展需要添加相应的命名空间。在Visual Studio 2022中打开MainWindows.xmal文件，并在文件的开头添加如下命名空间。

  xmlns:v="clr-namespace:WpfGridDemo.NET7.ViewModel"

15. 在Visual Studio 2022中打开MainWindows.xmal文件。对DataGridComboBoxColumn的ItemsSource进行了数据绑定。具体代码如下：

<DataGridComboBoxColumn Header="城市" Width="120"  x:Name="cboCity" 
ItemsSource="{x:Static v:MainWindowVM.GridCityList}"

ClipboardContentBinding="{x:Null}" SelectedValuePath="Code" 
SelectedValueBinding="{Binding Path=CityCode,UpdateSourceTrigger=PropertyChanged}"  
DisplayMemberPath="Name" SelectedItemBinding="{x:Null}" />

16.在Visual Studio 2022的解决方案资源管理器中，找到MainWindowVM.cs文件，将GridCityList属性改为静态属性，用于绑定DataGridComboBoxColumn的ItemsSource。具体如下代码：

        private static ObservableCollection<City> cityList;

        public static ObservableCollection<City> GridCityList

        {

            get { return cityList; }

            set

            {

                cityList = value;

                new ViewModelBase().RaisePropertyChanged("GridCityList");

            }

        }

17.在Visual Studio 2022中按F5键，启动WPF应用程序。然后使用鼠标点击省份下拉框，能够看到，界面中DataGrid中的数据，随着下拉框的变化而随之变化，但是城市下拉框中却没有任何数据。看来绑定失效了。如下图。

18. 使用静态代码实体的方式，实现省市县联动失败了。又不想使用其他两种方式。在一阵猛于虎的搜索之后，发现一种实现方式。在Visual Studio 2022中打开MainWindows.xmal文件。对DataGridComboBoxColumn进行了数据绑定。具体代码如下：

<DataGridComboBoxColumn Header="城市(Style)" SelectedValuePath="Code"
 SelectedValueBinding="{Binding Path=CityCode,UpdateSourceTrigger=PropertyChanged}" 
 DisplayMemberPath="Name" SelectedItemBinding="{x:Null}"  Width="1*">

                    <DataGridComboBoxColumn.EditingElementStyle>

                        <Style TargetType="ComboBox">

                            <Setter Property="ItemsSource" 
Value="{Binding Path=DataContext.GridCity,ElementName=gridArea}" />

                        </Style>

                    </DataGridComboBoxColumn.EditingElementStyle>

                    <DataGridComboBoxColumn.ElementStyle>

                       <Style TargetType="ComboBox">

                            <Setter Property="ItemsSource" 
Value="{Binding Path=DataContext.GridCity,ElementName=gridArea}" />

                        </Style>

                    </DataGridComboBoxColumn.ElementStyle>

                </DataGridComboBoxColumn>

19.在Visual Studio 2022的解决方案资源管理器中，找到MainWindowVM.cs文件，添加一个GridCity属性，用于绑定DataGridComboBoxColumn的ItemsSource。以下是属性代码，更完整的代码，请参见下面类的完整代码。

private ObservableCollection<City> listCity;

        public ObservableCollection<City> GridCity

        {

            get { return listCity; }

            set

            {

                listCity = value;

                RaisePropertyChanged("GridCity");

            }

        }

20.MainWindow.xmal的全部代码如下：

<Window x:Class="WpfGridDemo.NET7.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

          xmlns:be="http://schemas.microsoft.com/xaml/behaviors"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns:local="clr-namespace:WpfGridDemo.NET7"

          xmlns:v="clr-namespace:WpfGridDemo.NET7.ViewModel"

        mc:Ignorable="d"

        Title="MainWindow" Height="600" Width="960" Loaded="Window_Loaded" >

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="100"></RowDefinition>

            <RowDefinition Height="*"></RowDefinition>

            <RowDefinition Height="25"></RowDefinition>

        </Grid.RowDefinitions>

        <WrapPanel Grid.Row="0" HorizontalAlignment="Left">

            <ComboBox x:Name="cboProvince" DisplayMemberPath="Name" SelectedValuePath="Code" >

                <be:Interaction.Triggers>

                    <be:EventTrigger EventName="SelectionChanged">

                        <be:InvokeCommandAction Command="{Binding ProviceChangedAction}"
 CommandParameter="{Binding  ElementName=cboProvince}"/>

                    </be:EventTrigger>

                </be:Interaction.Triggers>

            </ComboBox>

        </WrapPanel>

        <DataGrid x:Name="gridArea" Grid.Row="1" ItemsSource="{Binding GridAreaList}" 
AutoGenerateColumns="False" HorizontalAlignment="Left" VerticalAlignment="Top" 
SelectedItem="{Binding Path=AreaVM,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}">

            <DataGrid.Columns>

                <DataGridComboBoxColumn Header="城市" Width="120"  x:Name="cboCity" 
ItemsSource="{x:Static v:MainWindowVM.GridCityList}"

ClipboardContentBinding="{x:Null}" SelectedValuePath="Code" 
SelectedValueBinding="{Binding Path=CityCode,UpdateSourceTrigger=PropertyChanged}"  
DisplayMemberPath="Name" SelectedItemBinding="{x:Null}" />

                <DataGridComboBoxColumn Header="城市(Style)" SelectedValuePath="Code"
 SelectedValueBinding="{Binding Path=CityCode,UpdateSourceTrigger=PropertyChanged}"  
DisplayMemberPath="Name" SelectedItemBinding="{x:Null}"  Width="1*">

                    <DataGridComboBoxColumn.EditingElementStyle>

                        <Style TargetType="ComboBox">

                            <Setter Property="ItemsSource" 
Value="{Binding Path=DataContext.GridCity,ElementName=gridArea}" />

                        </Style>

                    </DataGridComboBoxColumn.EditingElementStyle>

                    <DataGridComboBoxColumn.ElementStyle>

                        <Style TargetType="ComboBox">

                            <Setter Property="ItemsSource" 
Value="{Binding Path=DataContext.GridCity,ElementName=gridArea}" />

                        </Style>

                    </DataGridComboBoxColumn.ElementStyle>

                </DataGridComboBoxColumn>

                <DataGridTextColumn Header="县区镇" Width="*" 
Binding="{Binding Name}" ClipboardContentBinding="{x:Null}"/>

                <DataGridTextColumn Header="邮编" Width="100" 
 Binding="{Binding Code}" ClipboardContentBinding="{x:Null}"/>

                <DataGridTextColumn Header="创建时间" Width="160" 
Binding="{Binding Created}" ClipboardContentBinding="{x:Null}"/>

                <DataGridTextColumn Header="更新时间" Width="160" 
Binding="{Binding Updated}" ClipboardContentBinding="{x:Null}"/>

            </DataGrid.Columns>

        </DataGrid>

        <WrapPanel Grid.Row="2">

        <Button  x:Name="btnRefresh"  Height="22" Width="120" Click="btnRefresh_Click">刷新</Button>
<Button  x:Name="btnSave" Height="22" Width="120" Command="{Binding ClickSaveAction}" >保存</Button>

        </WrapPanel>

    </Grid>

</Window>

21. MainWindowsVM类的完整代码，如下：

using Microsoft.EntityFrameworkCore;

using System;

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.ComponentModel;

using System.DirectoryServices.ActiveDirectory;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using System.Windows.Controls;

using System.Windows.Input;

using WpfGridDemo.NET7.Entitys;

namespace WpfGridDemo.NET7.ViewModel

{

    public class MainWindowVM: ViewModelBase

    {

        public MainWindowVM() {

            cityList = new ObservableCollection<City>();

            areaList = new ObservableCollection<Area>();

            listCity = new ObservableCollection<City>();   

        }

        private Area m_Area;

        /// <summary>

        /// 县镇区数据

        /// </summary>

        public Area AreaVM

        {

            get { return m_Area; }

            set { m_Area = value; }

        }

        private string m_Province_Code;

        /// <summary>

        /// 省--代码

        /// </summary>

        public string ProvinceCode { get => m_Province_Code; set => m_Province_Code = value; }

        private ObservableCollection<Area> areaList;

         public ObservableCollection<Area> GridAreaList

         {

             get { return areaList; }

             set

             {

                areaList = value;

                 RaisePropertyChanged("GridAreaList");

             }

        }

        private static ObservableCollection<City> cityList;

        public static ObservableCollection<City> GridCityList

        {

            get { return cityList; }

            set

            {

                cityList = value;

                new ViewModelBase().RaisePropertyChanged("GridCityList");

            }

        } 

        private ObservableCollection<City> listCity;

        public ObservableCollection<City> GridCity

        {

            get { return listCity; }

            set

            {

                listCity = value;

                RaisePropertyChanged("GridCity");

            }

        }

        /// <summary>

        /// 命令要执行的方法

        /// </summary>

        void SaveExecute()

        {

            try

            {

                GridDbContext db = new GridDbContext();

                var list=db.Area.AsTracking().ToList();

                Area modifyArea = list.Where(x=>x.Id==AreaVM.Id).FirstOrDefault();

                if (modifyArea != null)

                {

                    modifyArea.Name = AreaVM.Name;

                    modifyArea.Updated = DateTime.Now;

                    db.SaveChanges();

                }

            }

            catch (Exception ex)

            {

                throw ex;

            }

        }

        /// <summary>

        /// 命令是否可以执行

        /// </summary>

        /// <returns></returns>

        bool CanSaveExecute()

        {

            return false;

        }

        /// <summary>

        /// 创建新命令

        /// </summary>

        public ICommand ClickSaveAction

        {

            get

            {

                return new Command.SaveCommand(SaveExecute, CanSaveExecute);

            }

        }

        //combobox

        /// <summary>

        /// 命令要执行的方法

        /// </summary>

        void ProviceSelectionChangedExecute(object sender)

        {

            try

            {

                if (sender is ComboBox)

                {

                    ComboBox drp=sender as ComboBox;

                    ProvinceCode=drp.SelectedValue.ToString();

                    GridDbContext db = new GridDbContext();

                    var list = db.City.AsTracking().ToList();

                    List<City> citys = list.Where(x => x.ProvinceCode == ProvinceCode).ToList();

                    var cityCodes = from city in citys

                                    select city.Code;

                    List<Area> areas = db.Area.AsTracking().ToList()
.Where(x => cityCodes.Contains(x.CityCode)).ToList();

                    areaList.Clear();

                    if (areas!=null)

                    {

                        areas.ForEach((t) =>

                        { areaList.Add(t); }

                        );

                    }

                    cityList.Clear();

                    if (citys != null)

                    {

                        citys.ForEach((t) =>

                        { cityList.Add(t); }

                        );

                    }

                    listCity.Clear();

                    if (citys != null)

                    {

                        citys.ForEach((t) =>

                        { listCity.Add(t); }

                        );

                    }

                }

            }

            catch (Exception ex)

            {

                throw ex;

            }

        }

        /// <summary>

        /// 命令是否可以执行

        /// </summary>

        /// <returns></returns>

        bool CanSelectionChangedExecute()

        {

            return true;

        }

        /// <summary>

        /// 创建新命令

        /// </summary>

        public ICommand ProviceChangedAction

        {

            get

            {

                return new Command.ProvinceChangedCommand<object>(ProviceSelectionChangedExecute
, CanSelectionChangedExecute);

            }

        }

    }

}

22.在Visual Studio 2022中按F5键，启动WPF应用程序。然后使用鼠标点击省份下拉框，能够看到，界面中DataGrid中的数据，随着下拉框的变化而随之变化，其中使用静态实体代码绑定的城市下拉框中却没有任何数据。使用使用非静态资源，在<DataGridComboBoxColumn.EditingElementStyle>与 <DataGridComboBoxColumn.ElementStyle>两个样式中绑定combobox的itemSource属性方式，效果有效。如下图。

WPF入门教程系列二十九 ——DataGrid使用示例MVVM模式(7)的更多相关文章

WPF入门教程系列二十二——DataGrid示例(二)
DataGrid示例的后台代码 1) 通过Entity Framework 6.1 从数据库(本地数据库(local)/Test中的S_City表中读取城市信息数据,从S_ Province表中读取 ...
WPF入门教程系列二十——ListView示例(二)
第四步.WPF后台逻辑代码编写在后台用Entity Framework 6.1的Code First方式获取数据库中的数据.同时,在“刷新”按钮的方法中进行数据绑定.操作步骤如下: 1) 在“刷新 ...
WPF入门教程系列二十三——DataGrid示例(三)
DataGrid的选择模式默认情况下,DataGrid 的选择模式为“全行选择”,并且可以同时选择多行(如下图所示),我们可以通过SelectionMode 和SelectionUnit 属性来修改 ...
WPF入门教程系列(二) 深入剖析WPF Binding的使用方法
WPF入门教程系列(二) 深入剖析WPF Binding的使用方法同一个对象(特指System.Windows.DependencyObject的子类)的同一种属性(特指DependencyProp ...
WPF入门教程系列二——Application介绍
一.Application介绍 WPF和WinForm 很相似, WPF与WinForm一样有一个 Application对象来进行一些全局的行为和操作,并且每个 Domain (应用程序域)中仅且只 ...
WPF入门教程系列二十一——DataGrid示例(一)
前面我们学习了ListView控件的使用示例,今天我们来学习DataGrid的有关知识.提到DataGrid 不管是Asp.Net中的网页开发还是WinForm应用程序开发都会频繁使用.通过它我们可以 ...
WPF入门教程系列二
WPF控件和布局一. 前言公司项目基于WPF开发,最近项目上线有点空闲时间写一篇基于wpf的基础教材,WPF也是近期才接触,学习WPF也是在网上查资料与微软的MSDN进行学习,写本博客的目为了 ...
WPF入门教程系列三——Application介绍(续)
接上文WPF入门教程系列二——Application介绍,我们继续来学习Application 三.WPF应用程序的关闭 WPF应用程序的关闭只有在应用程序的 Shutdown 方法被调用时,应用程序 ...
Web 开发人员和设计师必读文章推荐【系列二十九】
<Web 前端开发精华文章推荐>2014年第8期(总第29期)和大家见面了.梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...
WPF入门教程系列(一) 创建你的第一个WPF项目
WPF入门教程系列(一) 创建你的第一个WPF项目 WPF基础知识快速学习绝不是从零学起的,良好的基础是快速入手的关键,下面先为大家摞列以下自己总结的学习WPF的几点基础知识: 1) C#基础语法知 ...

随机推荐

AndroidBanner - ViewPager 03
AndroidBanner - ViewPager 03 上一篇文章,描述了如何实现自动轮播的,以及手指触摸的时候停止轮播,抬起继续轮播,其实还遗留了一些问题: 当banner不可见的时候,也需要停止 ...
CSS笔记（待完善）
CSS笔记 css权重 ID(100)> class(10)> element(1) css最高权重 !important 块元素(block) 可以设置宽度和高度,独立成行. h1~h6 ...
如何快速在手机中查看UDID，无需itunes、itools
第一步:使用iPhone/iPad打开这个网页 http://www.appuploader.net/ 如果嫌麻烦也可以电脑打 http://www.appuploader.net/,之后会出现二 ...
springCloud项目搭建版本选择
1.查看spring cloud的版本 https://spring.io/projects/spring-cloud#learn 选择spring boot版本 https://mvnreposit ...
Vue中插槽的使用
1.作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于父组件 ===> 子组件 . 2.分类:默认插槽.具名插槽.作用域插槽 3.使用方式: ①默认插槽 ...
【Dotnet 工具箱】JIEJIE.NET - 强大的 .NET 代码混淆工具
你好,这里是 Dotnet 工具箱,定期分享 Dotnet 有趣,实用的工具和组件,希望对您有用! JIEJIE.NET - 强大的 .NET 代码混淆工具 JIEJIE.NET JIEJIE.NET ...
咚咚咚，你的王国之泪已上线「GitHub 热点速览」
本周最大的热点,莫过于 Mojo 语言了,几大媒体均有报道这门兼顾 Python 优点和性能的新语言.当然还有凭借 Switch 游戏<塞尔达传说·王国之泪>登上热榜,获得 3,500+ ...
SaaS化开源项目之HouseKeeper云上部署实践
摘要:华为云DTSE技术专家从源码构建.应用部署到系统调测,详细解读云原生SaaS应用构建的全过程. 本文分享自华为云社区<HouseKeeper云上部署实践>,作者:华为云DTSE. H ...
文心一言 VS chatgpt （11）-- 算法导论2.3 7题 3.1 4~5题
四.2 ^ (n+1)=O(2 ^ n)成立吗? 2^(2n)=O(2 ^ n)成立吗? 文心一言: chatgpt: 第一个式子不成立,第二个式子成立. 2 ^ (n+1) = O(2 ^ n) 该 ...
2023-02-12：给定正数N，表示用户数量，用户编号从0~N-1，给定正数M，表示实验数量，实验编号从0~M-1，给定长度为N的二维数组A， A[i] = { a, b, c }表示，用户i报
2023-02-12:给定正数N,表示用户数量,用户编号从0~N-1, 给定正数M,表示实验数量,实验编号从0~M-1, 给定长度为N的二维数组A, A[i] = { a, b, c }表示,用户i报 ...

WPF入门教程系列二十九 ——DataGrid使用示例MVVM模式(7)

WPF入门教程系列二十九 ——DataGrid使用示例MVVM模式(7)的更多相关文章

随机推荐

热门专题