當用戶在導(dǎo)航欄的文本框中輸入提要的URL并點擊Add按鈕之后,程序?qū)⒃贏dd按鈕click事件的處理函數(shù)中調(diào)用Web Service中的AddRssEntry()方法,并將當前用戶輸入的提要的URL傳遞過去。不過在進行異步調(diào)用之前,我們?nèi)匀灰蕊@示出更新提示面板:
function btnAdd_onclick() {
// 顯示更新提示面板。
showProgressBar(true);
// 添加新的提要。
RssService.AddRssEntry($get("tbNewFeed").value, onRssEntryAdded);
}
調(diào)用AddRssEntry()方法時提供的回調(diào)方法onRssEntryAdded()的代碼如下。其中先隱藏了更新提示面板并清空添加新提要文本框中的內(nèi)容,然后用Web Service返回的RssEntry對象創(chuàng)建出一個新的元素,并添加到當前提要列表的最末位置:
function onRssEntryAdded(result) {
// 隱藏更新提示面板。
showProgressBar(false);
// 清空添加新提要文本框。
$get("tbNewFeed").value = "";
// 創(chuàng)建新的li元素。
var newFeedElem = document.createElement("li");
// 構(gòu)造li元素的HTML。
var newEntryBuilder = new Sys.StringBuilder();
newEntryBuilder.append(" newEntryBuilder.append(result.Id);
newEntryBuilder.append(")" >");
newEntryBuilder.append(result.Title);
newEntryBuilder.append("");
// 設(shè)置li元素的HTML。
newFeedElem.innerHTML = newEntryBuilder.toString();
// 設(shè)置到li元素上。
var feedList = $get("feedList");
feedList.appendChild(newFeedElem);
}
function btnAdd_onclick() {
// 顯示更新提示面板。
showProgressBar(true);
// 添加新的提要。
RssService.AddRssEntry($get("tbNewFeed").value, onRssEntryAdded);
}
調(diào)用AddRssEntry()方法時提供的回調(diào)方法onRssEntryAdded()的代碼如下。其中先隱藏了更新提示面板并清空添加新提要文本框中的內(nèi)容,然后用Web Service返回的RssEntry對象創(chuàng)建出一個新的元素,并添加到當前提要列表的最末位置:
function onRssEntryAdded(result) {
// 隱藏更新提示面板。
showProgressBar(false);
// 清空添加新提要文本框。
$get("tbNewFeed").value = "";
// 創(chuàng)建新的li元素。
var newFeedElem = document.createElement("li");
// 構(gòu)造li元素的HTML。
var newEntryBuilder = new Sys.StringBuilder();
newEntryBuilder.append(" newEntryBuilder.append(result.Id);
newEntryBuilder.append(")" >");
newEntryBuilder.append(result.Title);
newEntryBuilder.append("");
// 設(shè)置li元素的HTML。
newFeedElem.innerHTML = newEntryBuilder.toString();
// 設(shè)置到li元素上。
var feedList = $get("feedList");
feedList.appendChild(newFeedElem);
}

