日韩av线,国产欧美一区二,91香蕉APP

Wijmo5 Flexgrid基礎教程：DataMap

轉帖|使用教程|編輯：龔雪|2016-01-27 09:05:08.000|閱讀 746 次

概述：flexgrid在winForm平臺下有一個功能，叫做DataMap。對于flexgrid的某一列，顯示的文字和存儲的值不一致，就可以使用DataMap功能。這個功能在基于HTML5平臺的flexgrid中也可以使用。

相關鏈接：

在上一篇，我們了解了數據綁定。本文我們就來介紹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數據對應關系。

本文的詳細源代碼請下載：

PS: 關于ComponentOne，這些產品你可以關注>>

本文轉載自

葡萄城經典UI產品新年大促，驚喜折扣禮品送不停！優惠詳情點擊查看>>

新年新禧新氣象，送禮送福送優惠！優惠詳情點擊查看>>

標簽：JavaScript HTML5 UI工具包

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉載自：慧都控件網

上一篇：LoadRunner教程：Vuser腳本回放（三）下一篇：LoadRunner教程：Vuser腳本回放（二）

相關產品

控件

產品功能：UI界面

源碼：非開源

產品編號：13506

當前版本：V2023.0 Update1 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發商： GrapeCity

正式授權

">WijmoJS

新一代的HTML5/JavaScript UI控件，為您的企業應用提供更加靈活的體驗。

最新文章 MORE

金喜正規買球相關的文章 MORE

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

Wijmo5 Flexgrid基礎教程：DataMap

PS: 關于ComponentOne，這些產品你可以關注>>

本文轉載自

葡萄城經典UI產品新年大促，驚喜折扣禮品送不停！優惠詳情點擊查看>>

新年新禧新氣象，送禮送福送優惠！優惠詳情點擊查看>>

用科技創就卓越

Create excellence with technology

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

Wijmo5 Flexgrid基礎教程：DataMap

PS: 關于ComponentOne，這些產品你可以關注>>

本文轉載自

葡萄城經典UI產品新年大促，驚喜折扣禮品送不停！優惠詳情點擊查看>>

新年新禧新氣象，送禮送福送優惠！優惠詳情點擊查看>>

為你推薦

用科技創就卓越

Create excellence with technology