Kısmi bir görünümü bağlamak için ko.applyBindings'i arayabilirsiniz?

KnockoutJS kullanıyorum ve ana görüş ve görünüm modelim var. Ayrı bir alt görünüm modeli bağlı olması gereken başka bir görünüm ile pop-up bir iletişim kutusu (jQuery UI bir) istiyorum.

Diyalog içeriği için HTML AJAX kullanılarak alınır, bu yüzden ko.applyBindingsistek tamamlandıktan sonra çağırabiliyorum ve alt görünüm modelini sadece diyalog div içindeki ajax aracılığıyla yüklenen HTML kısmına bağlamak istiyorum.

Bu gerçekten mümkün mü yoksa sayfa başlangıçta yüklendikten sonra bir ko.applyBindingskez aradığımda TÜM görüşlerimi yüklemem ve modelleri izlemem gerekiyor mu?

ko.applyBindings kök olarak kullanılacak DOM öğesi olan ikinci bir parametreyi kabul eder.

Bu, aşağıdaki gibi bir şey yapmanıza izin verir:

<div id="one">
  <input data-bind="value: name" />
</div>

<div id="two">
  <input data-bind="value: name" />
</div>

<script type="text/javascript">
  var viewModelA = {
     name: ko.observable("Bob")
  };

  var viewModelB = {
     name: ko.observable("Ted")
  };

  ko.applyBindings(viewModelA, document.getElementById("one"));
  ko.applyBindings(viewModelB, document.getElementById("two"));
</script>

Bu nedenle, bir viewModel'i iletişim pencerenize yüklediğiniz dinamik içeriğe bağlamak için bu tekniği kullanabilirsiniz. Genel olarak, applyBindingsaynı öğelerde birden çok kez arama yapmamaya dikkat etmek istiyorsunuz , çünkü birden fazla olay işleyici bağlı olacak.

Niemeyer'ın cevabı sorunun daha doğru yanıt olsa da, olabilir de aşağıdakileri yapın:

<div>
  <input data-bind="value: VMA.name" />
</div>

<div>
  <input data-bind="value: VMB.name" />
</div>

<script type="text/javascript">
  var viewModels = {
     VMA: {name: ko.observable("Bob")},
     VMB: {name: ko.observable("Ted")}
  };

  ko.applyBindings(viewModels);
</script>

Bu, DOM öğesini belirtmeniz gerekmediği ve aynı öğeye birden fazla modeli bile bağlayabileceğiniz anlamına gelir:

<div>
  <input data-bind="value: VMA.name() + ' and ' + VMB.name()" />
</div>

Çalışma zamanında bir öğeye özel bir model bağlamayı başardım. Kod burada: http://jsfiddle.net/ZiglioNZ/tzD4T/457/

İlginç olan şey, veri bağlama niteliğini tanımlamadığım bir öğeye uygulamaktır:

    var handle = slider.slider().find(".ui-slider-handle").first();
    $(handle).attr("data-bind", "tooltip: viewModel.value");
    ko.applyBindings(viewModel.value, $(handle)[0]);

Bağlamayawith ve ayrıca http://knockoutjs.com/documentation/custom-bindings-controlling-descendant-bindings.html adresine bakmalısınız.controlsDescendantBindings