DataGrid 簡單資料繫結例項1

2022-02-27 01:44:30 字數 2759 閱讀 1009

1.預設資料顯示(自動顯示列)

後台繫結

//

datagrid 資料繫結

datagridone.itemssource = _context.info.tolist();

前台定義

<

datagrid

name

="datagridone"

horizontalalignment

="left"

margin

="10,92,0,0"

verticalalignment

="top"

height

="219"

width

="642"

/>

結果顯示:

2.自定義顯示列,datagrid.autogeneratecolumns 只是是否產生自動列

後台繫結同上

前台定義:

<

datagrid

grid.row

="1"

autogeneratecolumns

="false"

x:name

="datagridone"

margin

="20,20,20,20"

>

<

datagrid.columns

>

<

datagridtextcolumn

header

="編號"

binding=""

/>

<

datagridtextcolumn

header

="姓名"

binding=""

/>

<

datagridtextcolumn

header

="性別"

binding=""

/>

<

datagridtextcolumn

header

="民族"

binding=""

/>

<

datagridtextcolumn

header

="生日"

binding=""

/>

datagrid.columns

>

datagrid

>

結果顯示:

3.自定義鏈結列顯示

後台**:

private

void button_click(object

sender, routedeventargs e)

public

class

urlitem

public

int sortnumber

public

string url

}

前台定義:

<

datagrid

x:name

="datagridone"

autogeneratecolumns

="false"

alternatingrowbackground

="palegoldenrod"

columnwidth

="100"

horizontalalignment

="left"

margin

="15,15,0,0"

grid.row

="1"

verticalalignment

="top"

height

="173"

width

="518"

canuseraddrows

="false"

>

<

datagrid.columns

>

<

datagridtextcolumn

header

="**名稱"

binding=""

isreadonly

="true"

/>

<

datagridtextcolumn

header

="**"

binding=""

/>

<

datagridtextcolumn

header

="序號"

binding=""

/>

<

datagridhyperlinkcolumn

header

="檢視"

binding=""

width

="200"

/>

datagrid.columns

>

datagrid

>

顯示結果:

DataGrid 簡單資料繫結例項1

1.預設資料顯示 自動顯示列 後台繫結 datagrid 資料繫結 datagridone.itemssource context.info.tolist 前台定義 datagrid name datagridone horizontalalignment left margin 10,92,0,0...

SpringMVC 基礎簡單資料繫結

第乙個 前端頁面變數和controller中的變數一致時 前端 href testrequestparam?name 哈哈 testrequestparama 後端controller testrequestparam public string testrequestparam string na...

簡單資料響應式原理(資料雙向繫結)

即資料雙向繫結,改變model時,view自動更新。改變view時,model也會自動更新。在vue2.x版本中,利用object.defineproperty 重新定義物件獲取屬性值 get 和設定屬性值的操作實現資料響應。在vue3.0版本中,採用es6的proxy物件來實現。根據上圖實現整體的...