녹아웃 JS 자바 스크립트 형식을 사용하여 서버 데이터에서 관찰 가능한 배열을 초기화

Question

일부 서버 데이터 (ViewBag)에서 녹아웃 관측 가능한 배열을 초기화하는 가장 좋은 방법을 찾고 있어요 배열 내용을 자바 스크립트 형식의 수 싶습니다. 정의했다. 나는 몇 가지 여분의 ViewModel 특정 속성을 가질 수 있고, 기능, 즉

materialVarieties: ko.observableArray(@Html.Raw(Json.Encode(ViewBag.Materials))) 

그러나 나는 또한 내가 그렇게를 사용하고자하는 재료의 JS 유형이 :

var material = function(id, name) { 
    this.id = id; 
    this.name = name; 
    this.selected = ko.observable(false); 

    this.select = function() 
    { 
     jQuery.each(processViewModel.materials(), function(index, item) 
     { 
      item.selected(false); 
     }); 
     this.selected(true); 
     } 
} 

JS 유형의 요구없이 그냥 사용할 수 있습니다

그리고는 필요한 초기화됩니다 :

이

materialVarieties: ko.observableArray([new material(1, "Apricot"), ..... 

은 현재 내가 ViewBag 데이터에서 문자열을 구축하고 다음과 같이 초기화으로 그 렌더링 :

@{ var items = string.Join(",", 
       ((IEnumerable<MaterialVariety>) ViewBag.Materials) 
          .Select(m => string.Format("new material({0}, {1})", 
             Json.Encode(m.Id), Json.Encode(m.Name)))); } 

var processViewModel = { 
    material: ko.observableArray([@Html.Raw(items)]) 

string.Join 비트보다 깨끗한 방법이 있는지 궁금합니다. 나는 그것을 도우미에서 감쌀 수 있었다. 너 뭐하니?

Answer 1

일반적으로 배열을 먼저 serialize 한 다음 뷰 모델에 배치 할 때이를 매핑합니다. 다음과 같이됩니다 :

var originalVarieties = @Html.Raw(Json.Encode(ViewBag.Materials)) 

var processViewModel = { 
    materialVarieties: ko.observableArray(ko.utils.arrayMap(originalVarieties, function(variety) { 
     return new material(variety.id, variety.name); 
    })) 
} 

클라이언트 측에서 약간의 추가 처리가 필요하지만 건물 문자열보다 깨끗한 것처럼 보입니다.