breeze - HotTowel - 以 Breeze 作为参数的过滤谓词查看 Durandal 导航

Question

我不清楚如何在 MVC4 SPA HotTowel 模板中实现以过滤谓词作为参数的新视图的架构导航。假设我有一个带有日期（过滤器）的下拉菜单和一个按钮“gotoSessions”来导航到会话视图。GoToSessions 按钮将导航到仅显示所选日期的会话的会话视图。不选择日期将强制会话视图显示所有可用的会话。

添加了主视图屏幕

更新 config.js 中的“会话”路由以接受过滤器参数

var routes = [{
    url: 'sessions/:filter',
    moduleId: 'viewmodels/sessions',
    name: 'Sessions',
    visible: true,
    caption: '<i class="icon-book"></i> Sessions' }, {... the rest of the routes ..}];

实现“gotoSessions”按钮

 var selectedDate = ko.observable();

 var gotoSessions = function(viewData) { 
   if (viewData && viewData.selectedDate) {
      // build filter to pass to Breeze QueryManager as where clause
      var filter = viewData.selectedDate.peek();

      // build url with filter parameter
      var url = '#/sessions/' + predicate;

      router.navigateTo(url);
   }
};

在 session.js 视图模型中更新 activate 方法以接受 routeData 作为参数并在 datacontext.js 服务中实现过滤

var activate = function (context) {
   var filterParam = context.filter;

   // update datacontext getSessionsPartials method to accept filter parameter
   return datacontext.getSessionsPartials(sessions, false, filterParam ); 
};

在 services/datacontext.js 中更新查询以使用过滤器

var getSpeakersPartials = function (speakersObservable, forceRemote, filter) { 
//... code ... 
   var query = EntityQuery.from('Speakers')
     .select('id, firstName, lastName, imageSource')
     .where(... filter here ...)
     .orderBy(orderBy.speaker);
     //... rest of the code...
};

function getLocal(resource, filtering, ordering) {
   var query;
   if (filtering) {
      query = EntityQuery.from(resource)
           .where('yourPropertyNameHere', 'equals', filtering)
           .orderBy(ordering);
   }
   else {
       query = EntityQuery.from(resource).orderBy(ordering);
   }   
}

这是 MVC4 SPA HotTowel 架构的正确实现吗？您能否提供过滤器（谓词）格式的代码示例？谢谢

score 1 · Accepted Answer

让用户选择日期然后转到页面似乎是一个奇怪的用户工作流程。为什么不先进入会话页面，然后选择下拉菜单？点击次数相同，用户在会话中然后选择过滤器更有意义。该页面可能首先出现没有会话（或全部有分页）。然后选择下拉菜单并自动应用过滤器。

如果您想将参数传递给视图，您可以使用哈希标记查询字符串中的 :parm 语法来实现，但我认为重新考虑 UX 是一个更好的选择。

breeze - HotTowel - 以 Breeze 作为参数的过滤谓词查看 Durandal 导航

1 回答 1

Related

Reference