Wijmo5 Flexgrid基礎教程：DataMap

<Wijmo Enterprise下載>

在上一篇，咱們瞭解了數據綁定。本文咱們就來介紹flexgrid的一個重要功能：dataMap。

flexgrid在winForm平臺下有一個功能，叫作DataMap。對於flexgrid的某一列，顯示的文字和存儲的值不一致，就能夠使用DataMap功能。這個功能在基於HTML5平臺的flexgrid中也能夠使用。本文使用的框架是純JavaScript。

實現步驟以下：

1.建立字段

建立id和name兩個字段，而且賦值。代碼參考：

actions = [{ id: 3, name:  'Invite' },

{ id: 26, name:  'Finalize' },

{ id: 1, name:  'Withdraw' }],

2.建立數據源

建立數據源裏的一個字段actionId，它的值是以前的id。代碼參考：

for (var i = 0; i < countries.length; i++) {

data.push({

country: countries[i % countries.length],

actionId: actions[i % actions.length].id

});

}

3.DataMap建立關係

經過DataMap建立id和name的關係。代碼參考：

var actionsMap = new wijmo.grid.DataMap(actions, "id", "name");

4.設置dataMap

使用列的dataMap屬性設置dataMap。代碼參考：

var col = grid.columns.getColumn( 'actionId' );

col.dataMap = actionsMap;

到此，就實現了列的DataMap數據對應關係。

本文的詳細源代碼請下載：flexgrid_datamap.zip (72.90 kb) 

PS: 關於ComponentOne，這些產品你能夠關注>>

本文轉載自葡萄城