实现添加提要功能
来源:优易学  2011-12-30 15:55:03   【优易学:中国教育考试门户网】   资料下载   IT书店
  当用户在导航栏的文本框中输入提要的URL并点击Add按钮之后,程序将在Add按钮click事件的处理函数中调用Web Service中的AddRssEntry()方法,并将当前用户输入的提要的URL传递过去。不过在进行异步调用之前,我们仍然要先显示出更新提示面板:
  function btnAdd_onclick() {
  // 显示更新提示面板。
  showProgressBar(true);
  // 添加新的提要。
  RssService.AddRssEntry($get("tbNewFeed").value, onRssEntryAdded);
  }
  调用AddRssEntry()方法时提供的回调方法onRssEntryAdded()的代码如下。其中先隐藏了更新提示面板并清空添加新提要文本框中的内容,然后用Web Service返回的RssEntry对象创建出一个新的<li />元素,并添加到当前提要列表的最末位置:
  function onRssEntryAdded(result) {
  // 隐藏更新提示面板。
  showProgressBar(false);
  // 清空添加新提要文本框。
  $get("tbNewFeed").value = "";
  // 创建新的li元素。
  var newFeedElem = document.createElement("li");
  // 构造li元素的HTML。
  var newEntryBuilder = new Sys.StringBuilder();
  newEntryBuilder.append("<a href="javascript:readFeed(");
  newEntryBuilder.append(result.Id);
  newEntryBuilder.append(")" >");
  newEntryBuilder.append(result.Title);
  newEntryBuilder.append("</a>");
  // 设置li元素的HTML。
  newFeedElem.innerHTML = newEntryBuilder.toString();
  // 设置到li元素上。
  var feedList = $get("feedList");
  feedList.appendChild(newFeedElem);
  }

责任编辑:小草

文章搜索:
 相关文章
热点资讯
资讯快报
热门课程培训