對YUI擴(kuò)展的Gird組件 Part-2
原文在這里 文章日期:2006-9-2
| Author |
| Title |
| Manufacturer |
| Product Group |
DataModel包含的類如下:
看上去,這分得很詳細(xì),詳細(xì)到好像過于復(fù)雜。但是在我看來,對于提升代碼的可再用和擴(kuò)展性,建立一個結(jié)實(shí)的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í)際加載的數(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)在進(jìn)行新一番的搜索,例如輸入John,數(shù)據(jù)加載后仍然按照你指定的方式排序。這是新的功能。
在一個實(shí)際項目中,我們需要一個能提供回調(diào)參數(shù)的,方便的異常處理機(jī)制。LoadableDataModel就就包含這種事件(onLoadException) 。
總的來說,一切進(jìn)展順利。有些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

