Knockout JS, javascript tipi

Question

kullanarak sunucu verilerinden başlatılabilir bir diziyi başlatıyor Bazı sunucu verilerinden (ViewBag) devre dışı bırakılabilir bir dizi başlatmanın en iyi yolunu arıyorum ve dizi içeriğinin bir javascript türünde olmasını istiyorum. tanımladı. Fazladan ViewModel belirli özelliklere sahip olabilir ve işlevleri yani

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

ama ben de bu yüzden kullanmak istediğiniz bir malzeme JS türü var:

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 tip gereksinimi olmadan ben sadece kullanabilirsiniz

sonra gerekli başlatma dönüşür:

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

Şu anda ViewBag verilerinden bir dize oluşturmak ve sonra böyle başlatıcısı olarak o işlemek:

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

Ancak, string.Join bitinden daha temiz bir yol olup olmadığını merak ediyorum. Bir Yardımcıya sarılabilirim. Ne yaparsın?

Answer 1

Genellikle diziyi önce serileştiririm, sonra da onu görünüm modeline yerleştirirken eşlerim.

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

istemci tarafında ek işlemler çok az miktarda gerektirir, ancak dizeleri bina daha temiz görünüyor: gibi olurdu.