小石岭 发表于 2023-6-25 14:48:49

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

WPF入门教程系列目录WPF入门教程系列二——Application介绍WPF入门教程系列三——Application介绍(续)WPF入门教程系列四——Dispatcher介绍WPF入门教程系列五——Window 介绍
WPF入门教程系列十一——依赖属性(一)WPF入门教程系列十五——WPF中的数据绑定(一) 接上文WPF入门教程系列二十八 ——DataGrid使用示例MVVM模式(6)
    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进行了数据绑定。具体代码如下:
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"<br> SelectedValueBinding="{Binding Path=CityCode,UpdateSourceTrigger=PropertyChanged}" <br> DisplayMemberPath="Name" SelectedItemBinding="{x:Null}"Width="1*">
                  <DataGridComboBoxColumn.EditingElementStyle>
                        
                  </DataGridComboBoxColumn.EditingElementStyle>
                  <DataGridComboBoxColumn.ElementStyle>
                     
                  </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的全部代码如下:<DataGridComboBoxColumn Header="城市(Style)" SelectedValuePath="Code"<br> SelectedValueBinding="{Binding Path=CityCode,UpdateSourceTrigger=PropertyChanged}" <br> DisplayMemberPath="Name" SelectedItemBinding="{x:Null}"Width="1*">
                  <DataGridComboBoxColumn.EditingElementStyle>
                        
                  </DataGridComboBoxColumn.EditingElementStyle>
                  <DataGridComboBoxColumn.ElementStyle>
                     
                  </DataGridComboBoxColumn.ElementStyle>
                </DataGridComboBoxColumn><DataGridComboBoxColumn Header="城市(Style)" SelectedValuePath="Code"<br> SelectedValueBinding="{Binding Path=CityCode,UpdateSourceTrigger=PropertyChanged}" <br> DisplayMemberPath="Name" SelectedItemBinding="{x:Null}"Width="1*">
                  <DataGridComboBoxColumn.EditingElementStyle>
                        
                  </DataGridComboBoxColumn.EditingElementStyle>
                  <DataGridComboBoxColumn.ElementStyle>
                     
                  </DataGridComboBoxColumn.ElementStyle>
                </DataGridComboBoxColumn><DataGridComboBoxColumn Header="城市(Style)" SelectedValuePath="Code"<br> SelectedValueBinding="{Binding Path=CityCode,UpdateSourceTrigger=PropertyChanged}" <br> DisplayMemberPath="Name" SelectedItemBinding="{x:Null}"Width="1*">
                  <DataGridComboBoxColumn.EditingElementStyle>
                        
                  </DataGridComboBoxColumn.EditingElementStyle>
                  <DataGridComboBoxColumn.ElementStyle>
                     
                  </DataGridComboBoxColumn.ElementStyle>
                </DataGridComboBoxColumn>                                                         刷新
保存             
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();            areaList = new ObservableCollection();            listCity = new ObservableCollection();         }      private Area m_Area;      ///         /// 县镇区数据      ///         public Area AreaVM      {            get { return m_Area; }            set { m_Area = value; }      }      private string m_Province_Code;      ///         /// 省--代码      ///         public string ProvinceCode { get => m_Province_Code; set => m_Province_Code = value; }      private ObservableCollection areaList;         public ObservableCollection 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");
            }
      }      ///         /// 命令要执行的方法      ///         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;            }      }         ///         /// 命令是否可以执行      ///         ///         bool CanSaveExecute()      {            return false;      }         ///         /// 创建新命令      ///         public ICommand ClickSaveAction      {            get            {                return new Command.SaveCommand(SaveExecute, CanSaveExecute);            }      }      //combobox      ///         /// 命令要执行的方法      ///         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 citys = list.Where(x => x.ProvinceCode == ProvinceCode).ToList();                  var cityCodes = from city in citys                                    select city.Code;                  List 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;            }      }      ///         /// 命令是否可以执行      ///         ///         bool CanSelectionChangedExecute()      {            return true;      }      ///         /// 创建新命令      ///         public ICommand ProviceChangedAction      {            get            {                return new Command.ProvinceChangedCommand(ProviceSelectionChangedExecute
, CanSelectionChangedExecute);            }      }    }}22.在Visual Studio 2022中按F5键,启动WPF应用程序。然后使用鼠标点击省份下拉框,能够看到,界面中DataGrid中的数据,随着下拉框的变化而随之变化,其中使用静态实体代码绑定的城市下拉框中却没有任何数据。使用使用非静态资源,在与 两个样式中绑定combobox的itemSource属性方式,效果有效。如下图。

 

来源:https://www.cnblogs.com/chillsrc/archive/2023/06/25/17502789.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: WPF入门教程系列二十九 ——DataGrid使用示例MVVM模式(7)