继上一篇文章DinnerNow中的WCF应用—首页数据加载,我们大概了解了一些关于DinnerNow的基本项目结构,以及其中比较主要的两个解决方案文件。
接下来我会继续以实际网上选餐流程来说明关于DinnerNow中的ASP.NET Ajax Extensions应用场景及
其设计方案。
首先请大家看一下,它标明了在订餐这一业务流程中"查询餐馆"这一用例 DinnerNow所实际执行的方法顺序,因为下文中的一些主要的js方法调用也是以这张图中所标明的流程来顺序处理的.
当然我们还要再次用VS2008打开上文中所说的两个解决方案文件:
安装目录下\solution\DinnerNow - Web\DinnerNow - Web.sln
\solution\DinnerNow - ServicePortfolio2\DinnerNow - ServicePortfolio2.sln
不过这一回要说的重点内容集中在了DinnerNow - Web.sln下的DinnerNow.WebUX项目中.
数据请求在上一篇文章中已说过,就是:
service.FindRestaurant(PARAMETERS.map.PostalCode,
PARAMETERS.map.MenuType,
PARAMETERS.map.RestaurantCategory,
PARAMETERS.map.DeadLine,
onRestaurantSeachSuccess, //当操作请求成功后的回调方法
onRestaurantSeachFailed, null);
上面的回调方法的内容如下:
function onRestaurantSeachSuccess(searchResult) //searchResult为请求返回的数据
{
var restaurantContainer = document.getElementById("restaurantList");
restaurantContainer.innerHTML = "";
for (var i=0; i
{
var restaurantHtml= " + searchResult[i].RestaurantId + "', '"
+ searchResult[i].LogoImageLocation +"', '"
+ searchResult[i].Name +"'); \">
+ searchResult[i].LogoImageLocation + "\" alt=\""
+ searchResult[i].Name + "\" width=\"154\" height=\"90\" class=\"thingreenline\" />";
var restaurantElement=document.createElement("span");
restaurantElement.innerHTML = restaurantHtml;
restaurantContainer.appendChild(restaurantElement);
}
DisplayDiv("SearchResultsDivision");
}
---选餐流程 - 代震军BLOG - 博客园
更详细信息,请点击查看原文