녹아웃 계산 된 속성은 내가 <strong>가</strong> 계산 방법을 CanCategoryBeDeleted이 <strong>의 모음 CategoryModel</strong> 이상 (foreach는 확장 드래그 플러그인)을 정렬 열거있어 두 번째 반복

Question

에 정의되어 있지 않습니다. 이 기능은 버튼을 활성화 또는 비활성화하는 데 사용됩니다. 컬렉션의 첫 번째 항목의 경우을 처리하지만 두 번째 경우에는 다음 오류와 함께 실패합니다. 컬렉션의 모든 CategoryModel이보기 좋습니다. 사용 가능 마크 업을 사용하면 컬렉션이 예상대로 렌더링됩니다.

Uncaught ReferenceError: Unable to process binding "sortable: function (){return { data:categories,afterMove:$root.orderCategories} }" Message: Unable to process binding "enable: function(){return CanCategoryBeDeleted }" Message: CanCategoryBeDeleted is not defined

마크 업입니다

<div data-bind="sortable: { data: categories, afterMove: $root.orderCategories }"> 
    <div class="mb20"> 
     <div class="well well-sm moveCursor"> 
      <div class="fl"> 
       <span data-bind="visible: !$root.isCategorySelected($data)"> 
        <a href="#" title="Edit name" data-bind="text: Name, click: $root.selectedCategory"></a> 
       </span> 
       <span data-bind="visibleAndSelect: $root.isCategorySelected($data)"> 
        <input data-bind="value: Name, event: { blur: $root.clearCategory }" class="form-control" /> 
       </span> 
      </div> 
      <div class="fr"> 
       <button class="btn btn-xs btn-danger" data-bind="click: $root.deleteCategory, enable: CanCategoryBeDeleted">Delete category</button> 
      </div> 
      <div class="clear"></div> 
     </div> 
     forum stuff here... 
    </div> 
</div> 

모델은 다음과 같이이다 :

function CategoryModel(data) { 
    var self = this; 
    self.Id = ko.observable(data.Id); 
    self.Created = ko.observable(data.Created); 
    self.IsPersisted = ko.observable(data.IsPersisted); 
    self.Name = ko.observable(data.Name); 
    self.Order = ko.observable(data.Order); 
    self.Forums = ko.observableArray(data.Forums); 

    self.CanCategoryBeDeleted = ko.computed(function() { 
     console.log("CanCategoryBeDeleted..."); 
     if (self.Forums().length == 0) { 
      console.log("should enable"); 
      return true; 
     } 
     console.log("should not enable"); 
     return false; 
    }, self); 
} 

사람이 내가 잘못 알고 있나요?

Answer 1

나는 doofus 인 나를했다. 카테고리 모델이 아닌 단순한 js 객체를 열거했습니다. js 객체를 모델로 변환하면 해당 객체가 작동합니다.