對YUI擴展的Gird組件 Part-2
原文在這里 文章日期:2006-9-2
Author |
Title |
Manufacturer |
Product Group |
DataModel包含的類如下:
看上去,這分得很詳細,詳細到好像過于復(fù)雜。但是在我看來,對于提升代碼的可再用和擴展性,建立一個結(jié)實的DataModel是尤其重要的部分。正是基于這種方法,DataModel便能為其它的組件可再用,而不需要太多的組件--盡管它是龐大的。
如果你打開Js文件觀察的話,將會發(fā)現(xiàn)只需幾行代碼便可設(shè)置XMLDataModel:
var schema = { tagName: 'Item', id: 'ASIN', fields: ['Author', 'Title', 'Manufacturer', 'ProductGroup'] }; this.dataModel = new YAHOO.ext.grid.XMLDataModel(schema);
實際加載的數(shù)據(jù):
// 參數(shù)可以是url encoed或?qū)ο箢愋? var params = {'author': author}; //回調(diào)函數(shù)清除loading this.dataModel.load('/blog/examples/amazon.php', params, this.clearIndicator);
表頭能夠?qū)ird排序?,F(xiàn)在進行新一番的搜索,例如輸入John,數(shù)據(jù)加載后仍然按照你指定的方式排序。這是新的功能。
在一個實際項目中,我們需要一個能提供回調(diào)參數(shù)的,方便的異常處理機制。LoadableDataModel就就包含這種事件(onLoadException) 。
總的來說,一切進展順利。有些Part1的反饋告訴,Gird在Safari和其它瀏覽器上能夠工作^^。說真的,有些反饋真的不錯! thanks!
相關(guān)文章
為Yahoo! UI Extensions Grid增加內(nèi)置的可編輯器
為Yahoo! UI Extensions Grid增加內(nèi)置的可編輯器...2007-03-03學(xué)習(xí)YUI.Ext第七日-View&JSONView Part Two-一個畫室網(wǎng)站的案例
這篇文章主要介紹了學(xué)習(xí)YUI.Ext第七日-View&JSONView Part Two-一個畫室網(wǎng)站的案例2007-03-03