从2个关系表中获取列表并显示

时间:2015-04-29 10:40:27

标签: entity-framework knockout.js asp.net-web-api

我有桌子"类别&子类别&#34 ;. CategoryID是"外键"在SubCategory表中。我需要获取所有类别和相关的SubCategories并绑定到Accordion列表中。

这是我的代码:

<div id="accordian" data-bind="foreach:Categories">
     <div class="panel-heading">
         <h4 class="panel-title"><span data-bind="text: CategoryName"></span></h4>
     </div>
     <div class="panel-body">
         <ul data-bind="foreach:SubCategories">
             <li><a href="#"><span data-bind="text: SubCategoryName" ></span></a></li>
         </ul>
     </div>
 </div>

请帮我解决这个问题。

1 个答案:

答案 0 :(得分:0)

我创建了一个带有假响应的演示,应该通过您的端点提供。为了获得对象引用,还缺少 self 声明。所以只需在求助VM时添加以下内容。

var self = this;

我还创建了假方法,模拟假数据数组,与服务应该提供的相同。

 function ajaxHelperFakeResponse(callback) {
      var response = [{
          CategoryName: 'catgeory1',
          SubCategories: [{
            SubCategoryName: 'SubCategoryName1'
          }, {
            SubCategoryName: 'SubCategoryName2'
          }]
        }];
      callback(response);
    }

你可以在我的小提琴http://jsfiddle.net/jakethashi/ow785abr/

中看到整个解决方案