什么是MVVM架构和数据绑定？-C#.Net教程-PHP中文网

首页

后端开发

C#.Net教程

什么是MVVM架构和数据绑定？

零下一度

Jun 24, 2017 am 09:25 AM

mvvm数据理解绑定

（申明：最近在做一个练习，写点东西，谨供参考。）

1、界面展示：其中的布局和样式就不说了，重点在MVVM架构和数据绑定（Model层使用EF(Entity Framework)实体框架，不做介绍）。

绑定后：

2、架构介绍：

在Views层中新建CusGroupEditWindow窗体，ViewModels中建立CusGroupEditViewModel类，在窗体的xaml或者cs中引用ViewModels对应类：

xaml中：

　　　　c879f5c3c9893e45ba2ce7d26e997114

　　　　92c72cd9b9c57deded9b4898c5a2dbe2 1da84c50fa7328704b2ce9dda53aedda 　

　　　 7473f81b006ddc8e53f2d378bc7dce62

　　cs：DataContext = CusGroupEditViewModel。（添加引用路径）

/***********************************************/

*CsGroup是在ViewModel中定义的一个CusGroup对象，　　　 *

*CusGroup对象是在SQL数据库中的表，在EF中的对象。　　　　*

/***********************************************/

3、TextBox绑定：

　　ff1681ddee25e4aeb6879b3c67fb00b5

4、Button绑定：

　　5d362da14155c388b940c2445466edf6

29deedf2cd939b8bccbf37085c6a617a8b6de9c7d98b148f30b5dd6899a18be9

a1cb88e6789f399807801ea3799938af

dfca9557cc388af630eeba6df35e96f8

c05eec64ed02ad0975536668a09b61b7

5、CheckBox绑定：

　　04efaf97de328fe03fc57ff1cb705f93

　　456c2222d60e5b20af2a55c567b254f7 6、ComboBox绑定：

6、ComboBox绑定：

<ComboBox MaxWidth="150" Width="100" SelectedValue="{Binding StrCMBselectValue, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" DisplayMemberPath="Text"
                                              SelectedValuePath="Value" ItemsSource="{Binding LstCSGDownLevelID, Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" />

b33558531c9bd20894e37c6740957f48

65f8f648affa7f9bf7c2b3b9504200a2

7、DataGrid绑定：

<DataGrid ColumnWidth="*" SelectedItem="{Binding CurrentSelectItem}"  ItemsSource="{Binding CsGroupsAll}" AutoGenerateColumns="False"  IsReadOnly="True" >
                                <DataGrid.Columns>
                                    <DataGridTextColumn Header="分组编号" Binding="{Binding Code}" />
                                    <DataGridTextColumn Header="分组名称" Binding="{Binding Name}" />
                                </DataGrid.Columns>
                            </DataGrid>

/***************************************************************/

        //DataGrid当前选择对象private CusGroup currentSelectItem;public CusGroup CurrentSelectItem
        {get { return currentSelectItem; }set{
                currentSelectItem = value;

                GetCutCmbSelect(value);
            }
        }

View Code

3a102498773156c85fe31b421356ccfb

/***************************************************************/

ViewModel 中的代码：

using HeYin.ERP.DataModels;using HeYin.ERP.IServices;using HeYin.ERP.Models;using HeYin.ERP.Services;using Microsoft.Practices.Prism.Commands;using System;using System.Collections.Generic;using System.Collections.ObjectModel;using System.Windows;using System.Text.RegularExpressions;using System.Windows.Controls;namespace HeYin.ERP.Client.ViewModels.Customer
{class CusGroupEditViewModel : BaseViewModel
    {private bool bIsAdd = false;

        ICusGroupService CGS;  //调用IService接口#region Properties 属性private Guid gCsGroupID = Guid.Empty;//All CusGroupprivate List12a277596269c1ca26ae0578ebbecfb8 csGroupsAll;public List12a277596269c1ca26ae0578ebbecfb8 CsGroupsAll
        {get { return csGroupsAll; }set{
                csGroupsAll = value; //设定值OnPropertyChanged("CsGroupsAll"); //在属性更改后，通知            }
        }private List12a277596269c1ca26ae0578ebbecfb8 csGroupsMinPrestore;public List12a277596269c1ca26ae0578ebbecfb8 CsGroupsAllMinPrestore
        {get { return csGroupsMinPrestore; }set{
                csGroupsMinPrestore = value; //设定值OnPropertyChanged("CsGroupsAllMinPrestore"); //在属性更改后，通知            }
        }//CusGroup对象private CusGroup csGroup;public CusGroup CsGroup
        {get { return csGroup; }set{ csGroup = value;
                OnPropertyChanged("CsGroup"); }
        }/// 631fb227578dfffda61e1fa4d04b7d25/// /// 039f3e95db2a684c7b74365531eb6044private string strCMBselectValue;public string StrCMBselectValue
        {get { return strCMBselectValue; }set{if (value != null)
                {
                    strCMBselectValue = value;
                    OnPropertyChanged("StrCMBselectValue");
                }
            }
        }/// 631fb227578dfffda61e1fa4d04b7d25/// ComboBoxDataModel：作为一个ComboBox的对象，可以理解为数据源/// 039f3e95db2a684c7b74365531eb6044private ObservableCollection2584f245219aed0baedf79a7e59b6c50 lstCSGDownLevelID;public ObservableCollection2584f245219aed0baedf79a7e59b6c50 LstCSGDownLevelID
        {get { return lstCSGDownLevelID; }set{
                lstCSGDownLevelID = value;
                OnPropertyChanged("LstCSGDownLevelID");
            }
        }//DataGrid当前选择对象private CusGroup currentSelectItem;public CusGroup CurrentSelectItem
        {get { return currentSelectItem; }set{
                currentSelectItem = value;

                GetCutCmbSelect(value);
            }
        }private int errorCount;public int ErrorCount { get => errorCount; set => errorCount = value; }#endregion#region Commandspublic DelegateCommand98c455a79ddfebb79781bff588e7b37e BtnChangedCommand { get; set; }public DelegateCommand12a277596269c1ca26ae0578ebbecfb8 TxtChangedCommand { get; set; }        #endregionpublic CusGroupEditViewModel()
        {
            CGS = new CusGroupService();
            CsGroupsAll = new List12a277596269c1ca26ae0578ebbecfb8();
            csGroup = new CusGroup();
            LstCSGDownLevelID = new ObservableCollection2584f245219aed0baedf79a7e59b6c50();
            BtnChangedCommand = new DelegateCommand98c455a79ddfebb79781bff588e7b37e(MenuClick);
            TxtChangedCommand = new DelegateCommand12a277596269c1ca26ae0578ebbecfb8(ChangeCMBValue);

            GetAllCusGroups();
        }#region ButtonClickprivate void MenuClick(string strMessage)
        {if (string.IsNullOrEmpty(strMessage)) return;if (CsGroup == null) return;switch (strMessage)
            {case "btnCusGroupSave":
                    Save();break;case "btnCusGroupAdd":
                    Add();break;case "btnCusGroupDelete":
                    Delete();break;
            }
        }#endregion ButtonClick#region motheds/// 631fb227578dfffda61e1fa4d04b7d25/// 获取全部Group/// 039f3e95db2a684c7b74365531eb6044private void GetAllCusGroups()
        {//获取满足条件的客户分组信息            CsGroupsAll.Clear();
            CsGroupsAll = CGS.Get(s => s.IsDelete == 0);

            GetAllCMBItems();//给降档分组下拉框赋值if ((gCsGroupID == null || gCsGroupID == Guid.Empty) && CsGroupsAll.Count > 0)
                CsGroup = CsGroupsAll[0];    //给基础信息等赋值StrCMBselectValue = CsGroup.DownLevelID.ToString();//设置降档分组默认值        }/// 631fb227578dfffda61e1fa4d04b7d25/// 添加/// 039f3e95db2a684c7b74365531eb6044/// 871df4e675f01b90b299b5458b6fbd688bb7487ae6a16a43571bc14c7fcf93c2private void AddCusGroup(CusGroup cg)
        {
            cg.ID = Guid.NewGuid(); //新建分组GUIDcg.IsDelete = 0;        //默认为0：不删除cg.CreateBy = App.GetCurrentUserId();//创建人员关联员工 GUIDcg.CreateTime = DateTime.Now;  //初始化创建时间，应该使用服务器当前时间bool c = CGS.Add(cg);if (c)
            {
                MessageBox.Show(string.Format("创建新组别【{0}】成功！", CsGroup.Name), "提示", MessageBoxButton.OK, MessageBoxImage.Information);
                GetAllCusGroups();
                bIsAdd = false;
            }
        }/// 631fb227578dfffda61e1fa4d04b7d25/// 修改/// 039f3e95db2a684c7b74365531eb6044/// 871df4e675f01b90b299b5458b6fbd688bb7487ae6a16a43571bc14c7fcf93c2private void UpdateCusGroup(CusGroup cg)
        {
            bIsAdd = false;

            cg.UpdateTime = DateTime.Now;
            cg.UpdateBy = App.GetCurrentUserId();//更新人员关联员工 GUIDstring[] str = { "UpdateTime", "UpdateBy" };bool b = CGS.Edit(cg, str);if (b)
            {
                MessageBox.Show("更改组别【成功】！", "提示", MessageBoxButton.OK, MessageBoxImage.Information);
                GetAllCusGroups();
            }
        }/// 631fb227578dfffda61e1fa4d04b7d25///删除方法（实为更新）/// 039f3e95db2a684c7b74365531eb6044/// 871df4e675f01b90b299b5458b6fbd688bb7487ae6a16a43571bc14c7fcf93c2private void DeleteCusGroup(CusGroup cg)
        {
            cg.IsDelete = 1; //更改数据库删除标志cg.UpdateTime = DateTime.Now;  //更新删除时间cg.UpdateBy = App.GetCurrentUserId();//更新人员关联员工 GUIDstring[] str = { "UpdateTime", "IsDelete", "UpdateBy" };bool b = CGS.Edit(cg, str);if (b)
            {//MessageBox.Show(string.Format("已删除组别【{0}】！", CsGroup.Name), "提示", MessageBoxButton.OK, MessageBoxImage.Information);                GetAllCusGroups();
                CsGroup = new CusGroup(); //清空对象bIsAdd = true;
            }
        }/// 631fb227578dfffda61e1fa4d04b7d25/// 插入和更新方法调用/// 039f3e95db2a684c7b74365531eb6044private void Save()
        {if (ErrorCount > 0)
            {//判断必填数据是否为空：为空则提示MessageBox.Show("请核对所填数据", "提示", MessageBoxButton.YesNo, MessageBoxImage.Information);return;
            }if (bIsAdd)
                AddCusGroup(CsGroup);elseUpdateCusGroup(CsGroup);
        }/// 631fb227578dfffda61e1fa4d04b7d25/// 获取降档分组下拉列表的值，并指定默认值/// 039f3e95db2a684c7b74365531eb6044/// baf7518bd06a20614696879534a64e8e8bb7487ae6a16a43571bc14c7fcf93c2private void GetCutCmbSelect(CusGroup value)
        {
            bIsAdd = false;//点击新增后，再选择列表的逻辑if (value != null)
            {
                CsGroup = CGS.GetById(value.ID);//查找出当前选中的对象gCsGroupID = CsGroup.ID;        //保存当前选择对象的GUIDif (CsGroup != null)
                {if (CsGroup.DownLevelID.HasValue)
                    {//如果降档ID有值，则默认显示，如果没有，则显示为空GetExceptCMBSelect();//刷新下拉列表，先刷新，再赋值给默认值StrCMBselectValue = CsGroup.DownLevelID.ToString();
                    }else{
                        LstCSGDownLevelID.Clear();
                        StrCMBselectValue = string.Empty;
                    }
                }
            }
        }private void Add()
        {
            bIsAdd = true;//点击新建分组时，重新获取所有降档ID对应的中文名            GetAllCMBItems();

            CsGroup = new CusGroup();
        }private void Delete()
        {if (this.CsGroup.ID == Guid.Empty || CsGroup.ID == null)
                MessageBox.Show("请选择要删除组别", "提示", MessageBoxButton.OK, MessageBoxImage.Information);else{
                MessageBoxResult msgResult = MessageBox.Show(string.Format("确定要删除分组【{0}】吗？", CsGroup.Name), "提示", MessageBoxButton.YesNo, MessageBoxImage.Information);if (msgResult == MessageBoxResult.Yes)
                    DeleteCusGroup(CsGroup);
            }
        }/// 631fb227578dfffda61e1fa4d04b7d25/// 排除当前列的降档ID和对应的Name/// 039f3e95db2a684c7b74365531eb6044private void GetExceptCMBSelect()
        {
            LstCSGDownLevelID.Clear();
            CsGroupsAllMinPrestore = CGS.Get(s => s.IsDelete == 0 && s.MinPrestore <= CsGroup.MinPrestore);foreach (var iDlID in CsGroupsAllMinPrestore)
            {if (iDlID.ID != CsGroup.ID) //去除当前选择ID对应的NameLstCSGDownLevelID.Add(new ComboBoxDataModel() { Value = iDlID.ID.ToString(), Text = iDlID.Name });
            }
        }/// 631fb227578dfffda61e1fa4d04b7d25/// 获取列表中所有降档ID和对应的Name/// 039f3e95db2a684c7b74365531eb6044private void GetAllCMBItems()
        {
            LstCSGDownLevelID.Clear();foreach (var iDlID in CsGroupsAll)
            {
                LstCSGDownLevelID.Add(new ComboBoxDataModel() { Value = iDlID.ID.ToString(), Text = iDlID.Name });
            }
        }private void ChangeCMBValue(CusGroup cgMinPrestore)
        {
            LstCSGDownLevelID.Clear();
            List12a277596269c1ca26ae0578ebbecfb8 lstTextChange = new List12a277596269c1ca26ae0578ebbecfb8();
            lstTextChange = CGS.Get(s => s.MinPrestore < cgMinPrestore.MinPrestore);foreach (var iDlID in lstTextChange)
            {
                LstCSGDownLevelID.Add(new ComboBoxDataModel() { Value = iDlID.ID.ToString(), Text = iDlID.Name });
            }
        }public void SizeChangedCommand(object obj, SizeChangedEventArgs e)
        {

            MessageBox.Show("日了狗");

        }#endregion}
}

View中代码：



    
        
            
        
    

    

        
            
            
        

        
            
                
                
            

            
            
                
                    
                        
                            
                                
                                

                                
                            
                        
                    

                    
                        
                            <DataGrid ColumnWidth="*" SelectedItem="{Binding CurrentSelectItem}"  ItemsSource="{Binding CsGroupsAll}" AutoGenerateColumns="False"  IsReadOnly="True" >
                                <DataGrid.Columns>
                                    <DataGridTextColumn Header="分组编号" Binding="{Binding Code}" />
                                    <DataGridTextColumn Header="分组名称" Binding="{Binding Name}" />
                                </DataGrid.Columns>
                            </DataGrid>
                        
                    
                
            

            
            
                
                    
                    
                    
                

                
                
                    
                        
                            
                        

                        
                            
                                
                                    
                                    
                                

                                
                                
                                    
                                    
                                        
                                            
                                                
                                                    
                                                    
                                                
                                            
                                        
                                    
                                

                                
                                    
                                    
                                        
                                            
                                                
                                                    
                                                    
                                                
                                            
                                        
                                    
                                
                            

                            
                                
                                    

                                    
                                        
                                            
                                                
                                                    
                                                    
                                                
                                            
                                        
                                    
                                
                            
                        
                    
                

                
                
                    
                        
                            
                                
                            

                            
                                
                                    
                                    
                                

                                
                                    
                                    
                                
                                
                                    
                                    
                                
                            
                        
                    
                

                
                
                    
                        
                            
                        

                        
                            
                                
                                    
                                    
                                

                                
                                    
                                    
                                
                                
                                    
                                    
                                
                            

                            
                                
                                    
                                    <ComboBox MaxWidth="150" Width="100" SelectedValue="{Binding StrCMBselectValue, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" DisplayMemberPath="Text"
                                              SelectedValuePath="Value" ItemsSource="{Binding LstCSGDownLevelID, Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" />

以上是什么是MVVM架构和数据绑定？的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

两个微信可以绑定同一张银行卡吗Aug 25, 2023 pm 03:13 PM

两个微信不可以绑定同一张银行卡。绑定银行卡到微信账户操作：1、打开微信应用程序，点击“我”选项，然后选择“支付”选项；2、选择“添加银行卡”选项，并按照系统提示输入银行卡信息；3、一旦银行卡绑定成功，用户就可以在微信中使用该银行卡进行支付和转账。

如何在Vue中实现可编辑的表格Nov 08, 2023 pm 12:51 PM

在许多Web应用程序中，表格是必不可少的一个组件。表格通常具有大量数据，因此表格需要一些特定的功能来提高用户体验。其中一个重要的功能是可编辑性。在本文中，我们将探讨如何使用Vue.js实现可编辑的表格，并提供具体的代码示例。步骤1：准备数据首先，我们需要为表格准备数据。我们可以使用JSON对象来存储表格的数据，并将其存储在Vue实例的data属性中。在本例中

PHP实现MVVM架构：基本原理及应用Jun 18, 2023 am 08:54 AM

随着Web应用程序的快速发展，越来越多的开发者将目光投向了各种新兴的Web开发框架和架构设计模式。其中一个备受瞩目的设计模式就是MVVM（ModelViewViewModel）架构模式。MVVM采用了一种现代化的设计模式，通过将UI和业务逻辑相分离，使得开发人员能够更好地管理和维护应用程序。此外，MVVM减少了不必要的耦合，提高了代码的可重用性和灵活性，

BTCC教学：如何在BTCC交易所绑定使用MetaMask钱包？Apr 26, 2024 am 09:40 AM

MetaMask（中文也叫小狐狸钱包）是一款免费的、广受好评的加密钱包软件。目前，BTCC已支持绑定MetaMask钱包，绑定后可使用MetaMask钱包进行快速登入，储值、买币等，且首次绑定还可获得20USDT体验金。在BTCCMetaMask钱包教学中，我们将详细介绍如何注册和使用MetaMask，以及如何在BTCC绑定并使用小狐狸钱包。MetaMask钱包是什么？MetaMask小狐狸钱包拥有超过3,000万用户，是当今最受欢迎的加密货币钱包之一。它可免费使用，可作为扩充功能安装在网络

小红书怎么绑定子账号？它怎么检测账号是否正常？Mar 21, 2024 pm 10:11 PM

在如今这个信息爆炸的时代，个人品牌和企业形象的建设变得越来越重要。小红书作为国内领先的时尚生活分享平台，吸引了大量用户关注和参与。对于那些希望扩大影响力、提高内容传播效率的用户来说，绑定子账号成为了一种有效的手段。那么，小红书怎么绑定子账号呢？又如何检测账号是否正常呢？本文将为您详细解答这些问题。一、小红书怎么绑定子账号？1.登录主账号：首先，您需要登录您的小红书主账号。2.打开设置菜单：点击右上角的“我”，然后选择“设置”。3.进入账号管理：在设置菜单中，找到“账号管理”或“账号助手”选项，点

今日头条中绑定抖音的步骤方法Mar 22, 2024 pm 05:56 PM

1、打开今日头条。2、点击右下角我的。3、点击【系统设置】。4、点击【账号和隐私设置】。5、点击【抖音】右边的按钮即可绑定抖音。

菜鸟app怎么绑定拼多多菜鸟裹裹怎么添加拼多多平台Mar 19, 2024 pm 02:30 PM

　　菜鸟app就是能够为你们提供出各种物流信息状况的平台，这里的功能非常的强大好用，大家有任何与物流相关的问题，都能在这得到解决的，反正都能为你们带来一站式的服务，全都能及时解决的，查快递，取快递，寄快递等，都是毫无任何问题，与各个的平台都进行了合作，全部的信息，都能查询得到的，但是有些时候会出现拼多多当中购买的商品，都是无法呈现出物流的信息，其实是需要大家进行手动绑定拼多多，才能实现的，具体的方法已经整理出来了在下方，大家都能来看看的。菜鸟绑定拼多多账户的方法：　　1、打开菜鸟APP，在主页面

菜鸟APP怎么绑定拼多多菜鸟APP绑定拼多多方法Mar 19, 2024 pm 05:16 PM

　　你们知道在使用菜鸟裹裹的时候是怎么来绑定拼多多的吗?菜鸟裹裹App官方正版在这款平台上面对于一些拼多多的物流信息是没有自动同步上去的，我们需要做的就只能复制单号过来或者是查询你们的手机看看有无快递的信息。当然这些都是需要手动来完成的，如果你们也想了解更多的话，就和小编一起来看看吧。　　菜鸟APP怎么绑定拼多多　　1、打开菜鸟APP，在主页面点击左上角的“导包裹”。　　2、在界面中，有很多购物网站，账号都可以绑定。　　3、点击导入其他电商平台。　　4、用户授权：点击拼多多转到界面

See all articles