Knockout JS khởi tạo mảng quan sát được từ dữ liệu máy chủ bằng cách sử dụng một loại javascript

Question

Tôi đang tìm cách tốt nhất để khởi tạo mảng có thể quan sát được từ một số dữ liệu máy chủ (ViewBag), và tôi muốn nội dung của mảng là loại javascript đã xác định. Nếu không có yêu cầu của các loại JS Tôi chỉ có thể sử dụng:

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

nhưng tôi cũng có một loại nguyên liệu JS mà tôi muốn sử dụng để tôi có thể có một số đặc tính thêm ViewModel cụ thể và chức năng tức là:

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); 
     } 
} 

và sau đó khởi tạo yêu cầu trở thành:

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

Hiện nay tôi xây dựng một chuỗi từ các dữ liệu ViewBag và sau đó việc này là như initializer như thế này:

@{ 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)]) 

Nhưng tôi tự hỏi có cách nào sạch hơn bit string.Join không. Tôi có thể bọc nó trong một người trợ giúp. Bạn làm nghề gì?

Answer 1

Tôi thường sẽ sắp xếp dãy đầu tiên, sau đó ánh xạ nó khi đặt nó trong mô hình khung nhìn. Sẽ giống như:

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); 
    })) 
} 

Yêu cầu một lượng nhỏ xử lý bổ sung ở phía máy khách, nhưng có vẻ sạch hơn so với chuỗi xây dựng.