WPF入門教程系列三十 ——DataGrid驗證

来源:https://www.cnblogs.com/chillsrc/archive/2023/07/06/17533329.html
-Advertisement-
Play Games

# feishu-doc-export 一個支持Windows、Mac、Linux系統的飛書文檔一鍵導出服務，僅需一行命令即可將飛書知識庫的全部文檔同步到本地電腦。導出速度嘎嘎快，實測**700**多個文檔導出只需**25**分鐘，且程式是後臺掛機運行，不影響正常工作。 ## 動機 最近也是公司辦公 ...


WPF入門教程系列目錄 WPF入門教程系列二——Application介紹 WPF入門教程系列三——Application介紹(續) WPF入門教程系列四——Dispatcher介紹

WPF入門教程系列五——Window 介紹

WPF入門教程系列十一——依賴屬性（一） WPF入門教程系列十五——WPF中的數據綁定(一)  

         DataGrid 控制項可以在單元格級別和行級別執行驗證。 通過單元格級別驗證，可以在用戶修改單元的數據時驗證綁定數據對象的單個屬性。 通過行級別驗證，可以在用戶提交對行的更改時驗證整行對象的數據。 還可以提供針對驗證錯誤的自定義可視化反饋，或使用 DataGrid 控制項提供的預設可視化反饋。

         今天通過下麵的示例學習如何將驗證規則應用於 DataGrid 綁定並自定義可視化錯誤信息提示。

1. 在Visual Studio 2022的“解決方案資源管理器”中，使用滑鼠右鍵單擊“WpfGridDemo.NET7”項目，在彈出菜單中選擇“添加-->新建文件夾”。 並將“新文件夾”改名為 “Vali”。

2. 在Visual Studio 2022的解決方案資源管理器中，使用滑鼠右鍵單擊“Vali”文件夾，在彈出菜單中選擇“添加--> 類”，在彈出的“添加新項”對話框中，選擇添加 “AreaValidationRule”類，這是一個我們要實現的驗證類，然後選擇“添加”。

3.要實現在自定交驗證規則，則必須繼承ValidationRule類，並重寫Validate方法，下麵就是具體實現代碼：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Input;
using WpfGridDemo.NET7.Entitys;
 
namespace WpfGridDemo.NET7.Vali
{
    public class AreaValidationRule: ValidationRule
    {
            public override ValidationResult Validate(object value,
                System.Globalization.CultureInfo cultureInfo)
            {
                Area course = (value as BindingGroup).Items[0] as Area;
                if (course.Created > course.Updated)
                {

                    return new ValidationResult(false,
                        "創建日期必須小於等於更新日期。");
                }
                else
                {
                    return ValidationResult.ValidResult;
                }
            }
        }   

}

 

4. 創建提示信息的錯誤樣式，當用戶輸入無效值時，提示信息樣式將更改單元格背景色並添加工具提示。 請註意，使用觸發器來確定是否存在驗證錯誤。 此步驟是必需的，因為當前沒有針對單元格的專用錯誤模板。錯誤樣式代碼： 
  <DataGrid.Resources>
                <Style x:Key="errorStyle" TargetType="{x:Type TextBox}">
                    <Setter Property="Padding" Value="-2"/>
                    <Style.Triggers>
                        <Trigger Property="Validation.HasError" Value="True">
                            <Setter Property="Background" Value="Red"/>
                            <Setter Property="ToolTip"
          Value="{Binding RelativeSource={RelativeSource Self},
            Path=(Validation.Errors)[0].ErrorContent}"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </DataGrid.Resources>

         

5. 對DataGrid的DataGridTextColumn 綁定錯誤提示信息樣式，設置ValidatesOnExceptions屬性為true，此屬性提供了顯式使用元素的 ExceptionValidationRule替代方法。 ExceptionValidationRule是一個內置驗證規則，用於檢查在更新源屬性期間引發的異常。

 

<DataGridTextColumn Header="ID" Width="100"  EditingElementStyle="{StaticResource errorStyle}"
 Binding="{Binding Id ,ValidatesOnExceptions=True}" ClipboardContentBinding="{x:Null}"/>

6.在Visual Studio 2022中按F5鍵，啟動WPF應用程式。然後使用滑鼠點擊省份下拉框，界面中DataGrid中的呈現了城市與縣區鎮數據。

請嘗試以下操作：

  • 在“ID”列中輸入一個非整數值。
  • 刪除“ID”的值。

你會發現，刪除或是填了非整數值的那個單元格變成了紅色，滑鼠移到到其他單元格，也無法進入編輯模式。如下圖。

 

7. 移動滑鼠，將游標置入到紅色的單元格中，然後按 ESC 鍵，應用程式自動撤消了無效的單元格值。如下圖。

 

 

 

8.在Visual Studio 2022中打開MainWindows.xmal文件，併在文件的開頭添加如下命名空間。       

    xmlns:vl="clr-namespace:WpfGridDemo.NET7.Vali"

9. 將之前創建的驗證規則AreaValidationRule添加到 DataGrid.RowValidationRules 集合中。 以便通過 RowValidationRules 屬性直接訪問 BindingGroup 實例的 ValidationRules 屬性，該實例對控制項使用的所有綁定進行分組。         

  <DataGrid.RowValidationRules>
                <vl:AreaValidationRule ValidationStep="UpdatedValue"/>
            </DataGrid.RowValidationRules>

10. 通過設置 DataGrid.RowValidationErrorTemplate 屬性，自定義各個 DataGrid 控制項的行驗證時的錯誤提示。 還可以使用隱式行樣式設置 DataGridRow.ValidationErrorTemplate 屬性來影響多個控制項。

   當用戶輸入無效值，行標題中將顯示帶有白色感嘆號的紅色圓圈。 行和單元格驗證錯誤時都將發生這種情況。 關聯的錯誤消息將顯示在工具提示中。  

            <DataGrid.RowValidationErrorTemplate>
                <ControlTemplate>
                    <Grid Margin="0,-2,0,-2"

            ToolTip="{Binding RelativeSource={RelativeSource
            FindAncestor, AncestorType={x:Type DataGridRow}},
            Path=(Validation.Errors)[0].ErrorContent}">

                        <Ellipse StrokeThickness="0" Fill="Red"
              Width="{TemplateBinding FontSize}"
              Height="{TemplateBinding FontSize}" />
                        <TextBlock Text="!" FontSize="{TemplateBinding FontSize}"
              FontWeight="Bold" Foreground="White"
              HorizontalAlignment="Center"  />
                    </Grid>
                </ControlTemplate>
            </DataGrid.RowValidationErrorTemplate>

11. 對DataGrid的DataGridTextColumn 綁定錯誤提示信息樣式，設置ValidatesOnExceptions屬性為true，此屬性提供了顯式使用元素的 ExceptionValidationRule替代方法。 ExceptionValidationRule是一個內置驗證規則，用於檢查在更新源屬性期間引發的異常。

<DataGridTextColumn Header="創建時間" Width="160" EditingElementStyle="{StaticResource errorStyle}" 
 Binding="{Binding Created ,ValidatesOnExceptions=True,StringFormat=s}" ClipboardContentBinding="{x:Null}"/>
                <DataGridTextColumn Header="更新時間" Width="160" EditingElementStyle="{StaticResource errorStyle}" 
 Binding="{Binding Updated,ValidatesOnExceptions=True,StringFormat=s}" ClipboardContentBinding="{x:Null}"/>

12. 在Visual Studio 2022中按F5鍵，啟動WPF應用程式。然後使用滑鼠點擊省份下拉框，界面中DataGrid中的呈現了城市與縣區鎮數據。

請嘗試以下操作：

  • 在“創建時間”列中輸入一個早於更新時間的日期。
  • 刪除“創建時間”或是“更新時間”單元格中的值

你會發現，刪除了日期的那個單元格變成了紅色，滑鼠移到到其他單元格，也無法進入編輯模式。

你會發現，在行的行頭中將顯示一個紅色感嘆號 (!)，將滑鼠指針移到行標題中的標記上，以查看關聯的錯誤消息。

如下圖。

 

 

 

13.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"
          xmlns:vl="clr-namespace:WpfGridDemo.NET7.Vali"
        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.Resources>
                <Style x:Key="errorStyle" TargetType="{x:Type TextBox}">
                    <Setter Property="Padding" Value="-2"/>
                    <Style.Triggers>
                        <Trigger Property="Validation.HasError" Value="True">
                            <Setter Property="Background" Value="Red"/>
                            <Setter Property="ToolTip"
          Value="{Binding RelativeSource={RelativeSource Self},
            Path=(Validation.Errors)[0].ErrorContent}"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </DataGrid.Resources>
 
            <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="ID" Width="100"  EditingElementStyle="{StaticResource errorStyle}"
 Binding="{Binding Id ,ValidatesOnExceptions=True}" ClipboardContentBinding="{x:Null}"/>
                <DataGridTextColumn Header="創建時間" Width="160" EditingElementStyle="{StaticResource errorStyle}" 
 Binding="{Binding Created ,ValidatesOnExceptions=True,StringFormat=s}" ClipboardContentBinding="{x:Null}"/>
                <DataGridTextColumn Header="更新時間" Width="160" EditingElementStyle="{StaticResource errorStyle}"
  Binding="{Binding Updated,ValidatesOnExceptions=True,StringFormat=s}" ClipboardContentBinding="{x:Null}"/>
            </DataGrid.Columns>
 
            <DataGrid.RowValidationRules>
                <vl:AreaValidationRule ValidationStep="UpdatedValue"/>
            </DataGrid.RowValidationRules>
 
            <DataGrid.RowValidationErrorTemplate>
                <ControlTemplate>
                    <Grid Margin="0,-2,0,-2"

            ToolTip="{Binding RelativeSource={RelativeSource
            FindAncestor, AncestorType={x:Type DataGridRow}},
            Path=(Validation.Errors)[0].ErrorContent}">

                        <Ellipse StrokeThickness="0" Fill="Red"
              Width="{TemplateBinding FontSize}"
              Height="{TemplateBinding FontSize}" />

                        <TextBlock Text="!" FontSize="{TemplateBinding FontSize}"
              FontWeight="Bold" Foreground="White"
              HorizontalAlignment="Center"  />

                    </Grid>
                </ControlTemplate>
            </DataGrid.RowValidationErrorTemplate>
        </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>

 

 

 

 

 

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 2023 年 7 個適合初學者的 Vue.js 教程
    # ServletContext對象 **每一個 web 應用都有且僅有一個 ServletContext 對象**，又稱為 Application 對象，從名稱中可知，該對象是與應用程式相關的。在WEB 容器啟動時，會為每一個 WEB 應用創建一個對應的 ServletContex對象。 **該對 ...
  • C語言：數據結構之單鏈表（一）
    當初剛開始學單鏈表學的是一頭霧水，簡直就是徹頭徹尾災難，一塌糊塗，過段時間後經過自己的重新認真思考再結合小練習明白了它是怎麼個回事兒。 1、首先從它的邏輯上入手，對他有大體認知。 簡單來說就是一個一個有方向小塊兒連在一起，好像疫情期間大家排隊做核酸，都朝著醫護人員那個方向，醫護人員會從第一個開始數有 ...
  • 【numpy基礎】--結構化
    目前為止，介紹的`numpy`數組基本都是關於數值的，其實，`numpy`本身就是一個用於數值計算的基礎庫。 不過，除了數值計算之外，`numpy`也能夠支持**結構化數組**。 # 1. 關聯不同類型數據 `numpy`的數組為了提高計算性能，要求數組的數據類型要一致。但是現實情況下，我們經常遇到 ...
  • Python 爬蟲實戰：駕馭數據洪流，揭秘網頁深處
    **爬蟲，這個經常被人提到的詞，是對數據收集過程的一種形象化描述。特別是在Python語言中，由於其豐富的庫資源和良好的易用性，使得其成為編寫爬蟲的絕佳選擇。本文將從基礎知識開始，深入淺出地講解Python爬蟲的相關知識，並分享一些獨特的用法和實用技巧。本文將以實際的網站為例，深入闡述各個處理部分， ...
  • 面試題 16.07. 最大數值 ——一種基於乘法和位運算的解題思路
    # 劇透警告，沒寫過的勿觸 題目： > 編寫一個方法，找出兩個數字a和b中最大的那一個。不得使用if-else或其他比較運算符。 qwq qwq qwq qwq qwq qwq qwq qwq qwq qwq qwq qwq qwq qwq qwq qwq qwq qwq qwq qwq qwq q ...
  • SpringIoc容器之Aware
    Aware是Spring提供的一個標記超介面，指示bean有資格通過回調樣式的方法由Spring容器通知特定的框架對象，以獲取到容器中特有對象的實例的方法之一。實際的方法簽名由各個子介面確定，但通常只包含一個接受單個參數的void返回方法。 ...
  • SSO2.0 20-20230705
    ...
  • Unity的AssetPostprocessor之Model：深入解析與實用案例 2
    # Unity AssetPostprocessor中Model相關函數的實際應用 Unity AssetPostprocessor是Unity引擎中的一個重要功能，它可以在導入資源時自動一些腳本，以便對資源進行自定義處理。其中，Model相關的函數可以用於對導入的3D模型進行處理，包括修改模型的材 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類