WPF中DataGrid使用自定義列繫結資料

阿新 • • 發佈：2019-01-25

本文用一個簡單的例子進行演示，顯示一個人的姓名和年齡。其中，年齡大於30歲的以紅色顯示，年齡小於20歲的以綠色顯示。功能簡單。

1、首先確定顯示的表格有幾列資料，分別顯示為什麼形式。建模時，DataGrid中的每一行代表一個物件，每一列代表一個物件中的一個屬性。本例中一共有兩列資料，姓名和年齡。先建立基本資料模型，程式碼如下。

 
public class Person {
        public string  Name { get; set; }
        public int Age { get; set; }
}

2、確定基本資料模型之後，構思VM中的資料模型。這裡需要顯示多個人的姓名和年齡，所以VM中需要有一個Person型別的屬性和一個Person型別的集合。VM中的程式碼如下所示。

public class MainViewModel : ViewModelBase{
        /// <summary>
        /// Person屬性
        /// </summary>
        private Person person;
        public Person Personal {
            get { return person; }
            set {
                if (person != value)
                    person = value;
                RaisePropertyChanged("Personal");
            }
        }
        public ObservableCollection<person> Persons { get; set; }

        /// <summary>
        /// Initializes a new instance of the MainViewModel class.
        /// </summary>
        public MainViewModel(){
            InitPerson();
        }
        private void InitPerson() {
            Persons = new ObservableCollection<person>();
            Person person = new Person { Name = "Tom", Age = 25 };
            Persons.Add(person);
            person = new Person { Name = "Jack", Age = 23 };
            Persons.Add(person);
            person = new Person { Name = "Lucy", Age = 32 };
            Persons.Add(person);
            person = new Person { Name = "HanMeimei", Age = 18 };
            Persons.Add(person);
            person = new Person { Name = "Lilei", Age = 18 };
            Persons.Add(person);
            person = new Person { Name = "ZhangThree", Age = 13 };
            Persons.Add(person);
            person = new Person { Name = "LeeFour", Age = 24 };
            Persons.Add(person);
            person = new Person { Name = "WangFive", Age = 35 };
            Persons.Add(person);
        }
}
</person></object></person>

3、完成VM部分後，開始寫UI部分，並完成繫結，程式碼如下。

4、由於要顯示不同的顏色，這裡用了自定義列模板。還需要一個轉換器。程式碼如下。

    [ValueConversion(typeof(int), typeof(Brush))]
    public class Age2ColorConverter : IValueConverter{
        public object Convert(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture) {
            if ((int)value > 30)
                return Brushes.Red;
            if ((int)value < 20)
                return Brushes.Green;
            return Brushes.Black;
        }

        public object ConvertBack(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture) {
            throw new System.NotImplementedException();
        }
    }

本例中名稱空間為Why.WpfDemo。最後執行結果如下，

上述程式碼中年齡一列不能進行點選列頭排序，只要在該列的模板中加入SortMemberPath="Age"即可，也就是設定SortMemberPath屬性就可以了。

WPF中DataGrid使用自定義列繫結資料

本文用一個簡單的例子進行演示，顯示一個人的姓名和年齡。其中，年齡大於30歲的以紅色顯示，年齡小於20歲的以綠色顯示。功能簡單。 1、首先確定顯示的表格有幾列資料，分別顯示為什麼形式。建模時，DataG

wpf中DataGrid自定義驗證

DataGrid在Wpf中的應用是十分廣泛的，當你需要表中的資訊稍詳細的顯示出來時，或者我們需要進行某些資料輸入時，都有可能採用DataGrid。當然對資訊的顯示，我們不需要進行驗證，但當我們將DataGrid作為輸入工具時，輸入的資料要符合相應的規則後才能通過，這時

SpringBoot中自定義引數繫結（以Date日期為例）

有時候前臺傳過來一個日期型別，後臺接收就比較麻煩，這種時候就是用SpringMVC中的轉換器，轉換器在SpringMVC中是非常重要的，SpringMVC內部也實現了很多轉換器：實現自己的日期轉換器註冊測試看看：結果：轉化成功！

WPF自定義treeview繫結事件SelectedItemChanged

1、設定事件繫結到函式TreeUAAddressSpace_SelectedItemChanged this.treeBrowseUASpace.SelectedItemChanged += new System.Windows.RoutedPropertyChanged

WPF新手之將如何將一個成員變數或自定義類繫結到控制元件

（再次嘆一下中國的網路環境，搜出來的網頁一大堆，可有用的沒幾個，基本是大家相互轉，真正有了問題楞是找不到能解決的）首先如果是基本型別的變數，或者是自定義的類，直接繫結到控制元件之後，控制元件只能顯示其初始值，值的改變並不能更新UI，只有以下兩種情況的繫結：①繫結到某個控制

[Cocos2dx] C++自定義類繫結到Lua

Cocos2dx通過工程裡面的tools/toLua工具生成註冊C++函式到lua的函式cpp檔案 bindings-generator指令碼的工作機制不用編寫.pkg和.h檔案了，直接定義一個ini檔案，註冊到Lua環境裡的模組名是什麼，就行了。

SpringMVC框架（1）之（1.3 自定義引數繫結）

一、自定義引數繫結-屬性編輯器（不推薦）問題：① 4.1 itemsList.jsp 中增加顯示 “訂購日期” 屬性；② JSP頁面中日期拿到的是字串，而提交到Controller中POJO類ItemsCustom 屬性物件的日期欄位要變成Date型別，即字串轉換成日期型別，無法自動轉

Angular Forms - 自定義 ngModel 繫結值的方式

在 Angular 應用中，我們有兩種方式來實現表單繫結——“模板驅動表單”與“響應式表單”。這兩種方式通常能夠很好的處理大部分的情況，但是對於一些特殊的表單控制元件，例如input[type=datetime]、input[type=file]，我們需要重寫預設的表單繫結方式，讓我們繫結的變數不再僅僅只是一

SpringMVC自定義引數繫結器【日期型別】

前提：由於日期型別有很多種格式，springmvc無法將字串轉換成日期型別，所以需要我們根據業務需求自定義引數繫結！第一步：自定義引數繫結器---根據介面卡引數繫結器的編碼要求規範開發bean package com.cyn.ssm.converter; impor

ASP.NET MVC 下自定義模型繫結，去除字串型別前後的空格

直接貼程式碼了： SkyModelBinder.cs using System.ComponentModel; using System.Linq; using System.Web.Mvc; namespace MvcSample.Extensions { public cl

Spring MVC 之自定義List繫結

Spring MVC對於普通物件可以很容易的進行資料繫結,但是對於複雜物件比如說集合就支援得不太友好。對於普通物件Spring通過在請求引數裡面引數名稱與定義的接收物件的屬性名稱一致就可以進行資料綁定了。比如: 定義的實體物件為： import lo

Vue基礎精講 —— Vue的元件之元件的定義、繼承、自定義雙向繫結、高階屬性

Vue元件基礎定義 import Vue from 'vue' const compoent = { props: { active: { // type: Boolean, // required: true, valid

記錄一次自定義引數繫結錯誤問題的解決過程

問題背景先說一下問題背景：整個專案是一個大的分散式系統，由十幾個子系統組成，本人負責其中兩個系統。分散式服務框架採用了公司封裝好的jar包，當然還有一些其他的底層框架。由於某些原因，公司更換了底層分散式服務框架和一些其他的框架，其中分散式服務框架主要是更改了

JS自定義事件繫結--通過URL觸發不同的點選事件

window.onload = function () { var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); function EventTarget

WPF 控制元件（二）ListView ListView+GridView+GridViewColumn+DisplayMemberBinding多列繫結資料的用法

1、設定列表頭 ColumnHeaderContainerStyle用來設定整個列表頭的字型及其背景顏色等等。 2、設定列表內容 ItemContainerStyle用來設定列表內容的字型及其背景顏色等等。此外，Padding可以設定邊距。列表

springmvc自定義引數繫結使用者資訊

通常，我們會把使用者資訊存放在session裡面作為一個屬性。就像這樣。session.setAttribute(“userinfo”,userinfo)。但是這樣做每次在方法前必須要先從request中獲取值，這樣很麻煩。但是通過spring的自定義的引數繫結

ant-design-vue中table自定義列

#### 1. 使用背景在專案中使用`ant-vue`的`a-table`控制元件過程中，需要顯示序號列或者在列中顯示圖片，超鏈，按鈕等UI資訊。經過查詢文件`customCell`和`customRender`可以實現以上需求，比如實現如下表格資料渲染 ![樣式預覽](https://img2020.

WPF教程（二）DataContext繫結資料

（一）基礎知識 DataContext屬性是繫結的預設源，除非你具體指定了另外一個源，比如我們使用了ElementName屬性。它由FrameworkElement類定義，大部分UI控制元件包括WPF視窗都繼承於此類。簡單地說，它允許你指定一個繫結的基。 DateCon

WPF中DataGrid使用命令繫結按鈕列

注：本示例使用了MvvmLight控制元件。 1.定義Model using GalaSoft.MvvmLight; namespace WpfApplication5.Model { public class DevItem : ObservableObje

WPF筆記:WPF自定義treeview樣式及資料繫結

定義treeview 展開按鈕(togglebutton)樣式，建立資源: <Style x:Key="ExpandCollapseToggleStyle" TargetType="ToggleButton"> <Setter Property="Foc

WPF中DataGrid使用自定義列繫結資料

相關推薦