對(duì)YUI擴(kuò)展的Gird組件 Part-2
原文在這里 文章日期:2006-9-2
Author |
Title |
Manufacturer |
Product Group |
DataModel包含的類如下:
看上去,這分得很詳細(xì),詳細(xì)到好像過于復(fù)雜。但是在我看來,對(duì)于提升代碼的可再用和擴(kuò)展性,建立一個(gè)結(jié)實(shí)的DataModel是尤其重要的部分。正是基于這種方法,DataModel便能為其它的組件可再用,而不需要太多的組件--盡管它是龐大的。
如果你打開Js文件觀察的話,將會(huì)發(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ù)加載后仍然按照你指定的方式排序。這是新的功能。
在一個(gè)實(shí)際項(xiàng)目中,我們需要一個(gè)能提供回調(diào)參數(shù)的,方便的異常處理機(jī)制。LoadableDataModel就就包含這種事件(onLoadException) 。
總的來說,一切進(jìn)展順利。有些Part1的反饋告訴,Gird在Safari和其它瀏覽器上能夠工作^^。說真的,有些反饋真的不錯(cuò)! 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-一個(gè)畫室網(wǎng)站的案例
這篇文章主要介紹了學(xué)習(xí)YUI.Ext第七日-View&JSONView Part Two-一個(gè)畫室網(wǎng)站的案例2007-03-03