學習EXT第四天 開始使用Grid

2022-02-13 08:49:48 字數 1139 閱讀 3308

原文出處 翻譯:frank

概述: 本教程將以xml為資料來源,帶你進入grid的世界。

首先要讓grid知道xml文件定義了每一行是什麼資料。正如所見,我們命名了"item"在下面的xml樣本中。

單行的xml樣本資料

0446613657

sidney sheldon

warner books

book

are you afraid of the dark?

接著需要定義某一列為「統一標識(unique identifier)」,即id,根據「id"所設定的那個節點來讀取值(樣本**第九行)。本例中的樣本資料是」asin"列。

資料定義的最後部分就是指定你需要顯示的字段(fields),把這些字段放到乙個陣列之中,並保證這些欄位與你的xml資料中元素名稱是一致的,而且還要注意先後順序,這裡的順序不需要和xml檔案中順序一致。

var datastore = new ext.data.store(),

reader: new ext.data.xmlreader(, [

'author', 'title', 'manufacturer', 'productgroup'

])});

下一步便是定義column model 列模型。簡單地說,就是通過一些屬性的設定,決定每一列怎麼控制或怎麼顯示,這是乙個由每列的配置引數組成的陣列。注意,出現的順序應該與剛才定義「字段」的陣列一致。較常見的引數通常是header和width,所以你會覺得這兩項是必須要設定的,然而寬度(width)其實不總是需要的,因為稍後我們將使用autowidth/height來代替。

列模型樣本

var colmodel = new ext.grid.columnmodel([

, ,

, ]);

最後是將datastore和column model兩樣東西傳入到grid,渲染結果,然後載入來自datastore的資料,這些就是你讓grid工作起來的所有因素!

進行渲染!

var grid = new ext.grid.grid('mygrid', );

grid.render();

datastore.load();

第四天學習

一 權重關係 樣式表的權重關係 內聯樣式表的權重最大!內部和外部樣式的權重,和書寫的前後順序有關!放在後面的會把放在前面的樣式覆蓋掉 網頁的布局 先做上下排版 再做左右排版 從外往裡 二 css語法 選擇符選擇符 選擇符就是給標籤起名字 型別選擇符 標籤選擇符 所有的html標籤可以直接當做選擇符進...

自學Swift 斯坦福筆記整理 第四天開始

突然發現史丹福大學的教程,就開始跟著學習.在swift中,字典和陣列不屬於類,屬於結構體,方法傳值傳遞的是值而不是位址.swift 結構體和類的區別.類可以繼承,結構體傳值是傳的值,類傳遞的是引用.傳遞陣列去方法裡.因為引數也為只可讀不可修改的let型,所以需要在內部定義乙個var變數來取值進行陣列...

C Primer學習第四天

第四章 陣列和指標 c 語言提供了兩種類似於vector和迭代器型別的低階復合型別 陣列和指標。與vector型別相似,陣列也可以儲存某種型別的一組物件 而它們的區別在於,陣列的長度是固定的。陣列一經建立,就不允許新增新的元素。指標則可以像迭代器一樣用於遍歷和檢查陣列中的元素。現代c 程式應盡量使用...