Ext.data.Record是ExtJS框架中的一個非常重要的數據模型類,它用于表示數據,是進行數據綁定和數據處理的基礎。在ExtJS中,我們可以用一些數據對象來描述數據,其中最重要的就是JSON格式的數據。而Ext.data.Record關注的正是JSON數據在前端的操作和處理。
首先,我們需要了解JSON的結構。JSON是一種輕量級的數據交換格式,使用文本格式進行數據編碼。它以鍵值對的形式組織數據,其中鍵和值之間使用冒號(:)分隔。值可以是字面量、數組、對象等。
{ "name": "Mary", "age": 25, "address": { "city": "Beijing", "street": "Nanping" }, "hobbies": ["reading", "listening to music"] }
我們可以將這個JSON數據轉化為一個Ext.data.Record對象。在ExtJS中,我們可以通過Ext.data.Record.create方法創建一個數據模型,然后通過JSON對象來創建一條數據記錄。
var Person = Ext.data.Record.create([ {name: "name", type: "string"}, {name: "age", type: "int"}, {name: "address", mapping: "address.city"}, {name: "hobbies", type: "array"} ]); var data = { "name": "Mary", "age": 25, "address": { "city": "Beijing", "street": "Nanping" }, "hobbies": ["reading", "listening to music"] }; var personRecord = new Person(data);
上面的代碼中,我們定義了一個Person類,并通過Ext.data.Record.create方法創建了一個數據模型,其中name和type分別表示鍵和值的類型。mapping則指定了JSON數據中的address.city鍵值對應到address屬性中的city屬性上。我們將JSON數據作為參數傳入Person對象的構造函數中,就能夠創建一條數據記錄。
有了Ext.data.Record對象,我們就可以對其進行增、刪、改、查等操作,方便地進行數據處理。