UWP 使用Telerik Grid控件

還是老規矩，看一下最終效果。

資料是從SQLite中讀取，然後綁定到DataGrid中顯示的。

先看一下XAML

開頭引用—————— xmlns:grid="using:Telerik.UI.Xaml.Controls.Grid"

其中，我在 <grid:RadDataGrid.Resources 中定義了右鍵菜單，你自己根據需要删減。

屬性

說明

背景色

使用者編輯模式，Inline是行内編輯模式，External是彈出一個浮窗編輯

使用者排序模式，Multiple可以允許設定多個字段排序

選擇機關，Row表示選擇整行，Cell則是選擇一個單元格

是否允許使用者選擇列

自動生成列，我設定的false，因為我資料庫有很多字段，不想都顯示在上面，是以需要自己定義。如果是true，則把所有字段都顯示的

然後 grid:DataGridTemplateColumn 自定義模闆。

背景C#讀取資料庫綁定的代碼。

public ObservableCollection<SignInSummaryData> SampleItems { get; private set; } = new ObservableCollection<SignInSummaryData>();

代碼綁定以下，然後加了一個排序，因為之前指定了 UserSortMode 為Multiple

這樣就可以實作開頭的效果了。

下一篇說以下環形圖的制作。