Dojo Grid 是一個基于 Dojo Toolkit 開發的可擴展、靈活的數據網格控件。它提供了一種面向 JSON 數據源的基本數據網格。Dojo Grid 的 json 作為一種數據源是被廣泛使用的。
當使用 Dojo 存儲 JSON 格式的數據時,可以使用以下示例代碼創建一個 Dojo Grid:
require([ "dojo/store/Memory", "dojo/data/ObjectStore", "dojo/_base/array", "dojo/query", "dojo/dom-construct", "dojox/grid/DataGrid" ], function(Memory, ObjectStore, array, query, domConstruct, DataGrid){ var data = [ {"id":1, "name":"John", "age":29}, {"id":2, "name":"Bill", "age":32}, {"id":3, "name":"Jane", "age":27}, {"id":4, "name":"Tom", "age":24}, {"id":5, "name":"Kate", "age":19} ]; var store = new Memory({ data: data, idProperty: "id" }); var objectStore = new ObjectStore({objectStore: store}); var grid = new DataGrid({ store: objectStore, structure: [ {name: "Name", field: "name", width: "200px"}, {name: "Age", field: "age", width: "200px"} ] }, "grid"); grid.startup(); });
這段代碼中,我們首先創建了一個 Memory 存儲對象,用于存儲數據。然后創建了一個 ObjectStore 對象,它包裝 Memory 存儲對象使得可以使用更多 Dojo Grid 支持的功能,比如排序和過濾。接下來創建了一個 Dojo Grid 對象,設置了數據源和列結構。最后通過調用 startup() 方法啟動 Dojo Grid。
Dojo Grid 通過許多不同的配置選項來提供對 JSON 數據源的支持。如果你要使用 Dojo Grid 和 JSON 數據源,則需要深入了解配置選項和相關 API。