DataGrid元件 自定義頭模板

在 datagrid 的開發設計中，我們經常會碰到設計樣式各異的表頭以滿足各種要求。而頭模板的作用是顯示 datagrid 控制項的首行中的文字、或是繫結資料的。通過對頭模板的設定，可以為我們定製所需樣式的 datagrid 。本文將為大家介紹如何自定義 datagrid 的頭模板。 具體步驟 ： 1 ）在 xaml 檔案中的 usercontrol 標籤中

在datagrid的開發設計中，我們經常會碰到設計樣式各異的表頭以滿足各種要求。而頭模板的作用是顯示datagrid控制項的首行中的文字、或是繫結資料的。通過對頭模板的設定，可以為我們定製所需樣式的datagrid。本文將為大家介紹如何自定義datagrid的頭模板。

具體步驟：

1）在xaml檔案中的usercontrol標籤中加入如下命名空間：

xmlns:dataprimitives="clr-namespace:system.windows.controls.primitives;assembly=system.windows.controls.data"

2）設定呈現頭模板的樣式headerstyle的屬性

3）可以利用stackpanel標籤組合編排新增在頭模板內的元件的位置。

例項：

通過例項來了解頭模板制定的基本方法。

先來看看效果：

在**中會指明操作的關鍵步驟。

mainpage.xaml檔案**：

xmlns=""

xmlns:x=""

xmlns:d="" xmlns:mc=""

xmlns:dataprimitives="clr-namespace:system.windows.controls.primitives;assembly=system.windows.controls.data"

mc:ignorable="d" xmlns:data="clr-namespace:system.windows.controls;assembly=system.windows.controls.data" x:class="silverlightclient.mainpage"

d:designwidth="640" d:designheight="320">

mainpage.xaml.cs檔案**：

using system;

using system.collections.generic;

using system.linq;

using system.net;

using system.windows;

using system.windows.controls;

using system.windows.documents;

using system.windows.input;

using system.windows.media;

using system.windows.media.animation;

using system.windows.shapes;

namespace silverlightclient

public int price

public int total

}public partial class mainpage : usercontrol

void mainpage_loaded(object sender, routedeventargs e)

);em1.add(new products() );

em1.add(new products() );

dgemployee.itemssource = em1;}}

}

DataGrid 自定義分頁導航

datagrid 自定義分頁導航 效果 讓datagrid自己的分頁實現這樣的效果 1 2 3 4 5 6 private void grid itemcreated object sender,system.web.ui.webcontrols.datagriditemeventargs e if...

easyUI 自定義排序datagrid

author yhc 如果預設的排序行為不滿足你的需求,你可以自定義datagrid排序行為.最基礎的使用者可以定義乙個排序函式,函式名是sorter 在列上,這個函式將接受兩個值和返回值將作為如下 valuea valueb return 1 valuea valueb return 1 自定義排...

EasyUI 自定義DataGrid分頁

datagrid內建分頁能力是強大的，它比自定義相對容易。在這個教程，我們將要建立datagrid並且在頁面工具欄中新增一些自定義按鈕。標記建立datagrid tt datagrid 記住設定pagination屬性為true產生頁面工具欄。自定義頁面工具欄 var pager tt datagr...