淘汰賽與類範圍的屬性

Question

我使用的淘汰賽，並視圖模型綁定到我的ASP.Net MVC 4項目我的數據對象相當不錯，像這樣：

$(document).ready(function() { 
properties = @Html.Raw(Json.Encode(Model)); 
selectedProperty = properties[0]; 
viewModel = { properties: ko.mapping.fromJS(@Html.Raw(Json.Encode(Model))), selectedProperty: ko.observable()}; 
viewModel.setItem = function(item) { 
viewModel.selectedProperty(item); 
} 
ko.applyBindings(viewModel); 

現在我想修改我的JavaScript，使該邏輯被封裝在類中：

RealEstate.Search = function (properties) { 
    this.properties = properties; 
    this.selectedProperty = this.properties[0]; 
    this.viewModel = { properties: ko.mapping.fromJS(this.properties), selectedProperty: ko.observable()}; 
    this.viewModel.setItem = function(item) { 
    viewModel.selectedProperty(item); 
    }   
    ko.applyBindings(this.viewModel); 
} 

而且我實例化對象在我的HTML頁面，如下所示：

$(document).ready(function() { 
search = new RealEstate.Search(@Html.Raw(Json.Encode(Model))); 
    } 

現在，我收到以下錯誤：
錯誤：無法解析綁定。 消息：ReferenceError：'properties'未定義; 綁定值：的foreach：性能

這裏是綁定到視圖模型表中的HTML剪斷：

<div id="divDataTable" data-bind="with: properties"> 

     <table id="dataTable" class="tablesorter"> 
      <thead> 
       <tr> 
        <th>Address 
        </th> 
        <th> 
         Suburb 
        </th> 
        <th>Price 
        </th> 
        <th>Beds 
        </th> 
        <th>Baths 
        </th> 
        <th>Days Listed 
        </th> 
       </tr> 
      </thead> 
      <tbody data-bind="foreach: properties"> 
       <tr data-bind="click: $root.setItem"> 
        <td> 
         <label data-bind="text: $data.Street"></label> 
         <input data-bind="attr: { value : $index(), id : $index(), name : $index() }" type="hidden" /> 
        </td> 
        <td data-bind="text: $data.Suburb"></td> 
        <td data-bind="text: $data.PriceFormatted"></td> 
        <td data-bind="text: $data.NumOfBedrooms"></td> 
        <td data-bind="text: $data.NumOfBathrooms"></td> 
        <td data-bind="text: $data.DaysListed"></td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</section> 
<div id="divProperty"> 
    <aside class="float-right" data-bind="with: selectedProperty"> 
     <table> 
      <tr> 
       <td> 
        <label data-bind="text: $data.Street"></label> 
       </td> 
       <td> 
        <label data-bind="text: $data.PriceFormatted"></label> 
       </td> 
      </tr> 
      <tr> 
       <td colspan="2"> 
        <img src="#" /></td> 
      </tr> 
      <tr> 
       <td>Beds: 
       <label data-bind="text: $data.NumOfBedrooms"></label> 
       </td> 
       <td>On OZMite: 
       <label data-bind="text: $data.DaysListed"></label> 
       </td> 
      </tr> 
      <tr> 
       <td>Baths: 
       <label data-bind="text: $data.NumOfBathrooms"></label> 
       </td> 
       <td>Year built:</td> 
      </tr> 
     </table> 
    </aside> 

我將不勝感激，如果有人可以什麼我做錯了一些線索。

Answer 1

對於data-bind="with: properties"，您已經在div中的properties屬性的「上下文」中。

因此，當您編寫<tbody data-bind="foreach: properties"> KO會嘗試在properties陣列中查找properties屬性。

您需要的是用於參考當前binding context與$data。

所以你的foreach應該是這樣的：

<tbody data-bind="foreach: $data">  
    ... 
</todby>