2015年10月6日 星期二

dstore/Memory

dstore/Memory

簡介

dstore 由 SitePen 公司所開發,這個套件可以配合 dojo 1.8.1 以上的版本使用,而 dojo 2.0 則計劃採用其 API (Application Program Interface) 做為標準介面。倘若沒有舊有程式的包袱,可以直接學習這個套件的 API,免得多花工夫。

範例

範例中建立了一個 Memory store,基本上就是一個本地資料庫的概念,因為不是使用者介面的元件,所以 CSS 及 HTML 都用不到。程式中例出了fetch, fetchRange, filter, sort, get, add, put, Remove 等等用法做為參考。

CSS

<style>
</style>

不須定義樣式。

HTML

<body class="claro">

Nothing to show here! Check the Console!

</body>

dstore/Memory 本身不是介面元件,所以在 HTML 裡只放一條訊息,提醒要打開「開發者工具」的「主控台」去看執行結果。

Script


第 13 ~ 28 行建立 Memory Store。
第 26 行 idProperty:"id" 指定物件中的 id 鍵值做為唯一辨認物件的鍵值 (primary key)。
第 27 行 data:nList 指定變數 nList 做為資料來源。如果不想另外定義一個變數,直接把物件陣列寫在 data: 後也可以。

大部份的程式碼及其作業都很簡單,只要有點 Javascript 的基礎,應該都看得懂。只有幾個地方要特別注意:
fetchRange 的 start 和 end 兩個設定,用的是 Javascript 中陣列的索引值 (index),所以第一筆資料的索引值是由 0 開始。具有定義在 end 的那個索引值的物件不會被傳回來,也就是說範例中 {start:5, end:7} 的設定,只會傳回陣列中第 5 個和第 6 個物件,第 7 個物件不包含在傳回值中。
第 87 ~ 95 行寫得長一點,仔細看一下,就能瞭解是先取得一個物件,變更物件的資料;變更物件的資料後,記得要用 put() 函式去修改 Memory store 中的資料,最後確認 Memory store 中的資料有被成功變更。

沒有留言:

張貼留言