Knockout.js - 모델에 영구적으로 바인딩하지 않고 드롭 다운의 속성 설정

Question

꽤 일반적인 질문이 있다고 생각하지만 특정 응용 프로그램 용입니다. 간단히 드롭 다운의 초기 값과 동일한 드롭 다운에 사용자 정의 속성을 설정하는 것이 가능한지 알고 싶습니다. ,

<select data-bind="options: availableSlots, attr: { preset: SlotPosition }, event: {'change', myChangeRoutine} " ></select> 

을 위의 예에서 :이 값은 녹아웃 뷰 모델 값에서 구속 될 것이다,하지만 난 그것을 변경하는 경우, 그 속성의 값이 변경되지 않도록이 영구적으로 구속하고 싶지 않아 preset이 내 속성이며 내 뷰 모델에있는 SlotPosition으로 설정하고 드롭 다운이 처음에 자동으로 설정됩니다. availableSlots은 ko.observableArray()로 viewmodel에 반환하는 슬롯 1 - x 개수의 항목이있는 MVC 서버 측에서 만든 SelectListItem입니다. (그것은 주어진 값에 대해 설정해야합니다 나는 참으로 Selected를 설정 서버 측 코드이며, 옵션을 구축 할 수 있습니다.)

위의 예는 내 모델의 값 SlotPosition 내 속성 preset을 결합하는 것 , 그러나 나는 영구적으로 바인딩하는 대신 변경 될 때까지 그 값을 기억하기를 원한다. 내가 가지고있는 문제는 myChangeRoutine에서, preset의 값은 이미 드롭 다운이 변경된 것입니다. 드롭 다운의 값을 변경하고 myChangeRoutine이 실행될 때 이전 값을 사용하여 작업을 수행 할 수 있도록이 기능이 필요합니다.

Answer 1

단지 SlotPosition을 ko.observable이 아닌 단순한 일반 값으로 설정하면 한 번 바인딩됩니다. attr { preset : SlotPosition.peek() }을 사용하십시오 (documentation 참조).

Answer 2

이것은 훨씬 간단한 방법으로 모든 변경 이벤트 및 다른보기를 복잡하게 만드는 필요성을 없앨 수 있습니다.이

var ViewModel = function() { 
    var self = this; 

    self.availableSlots = ko.observableArray(slots); 
    self.Id = '999'; 
    self.SlotPosition = ko.observable();  
    self.Preset = ko.observable(1); 

    self.SlotPosition.subscribe(function(newVal){ 
     if(newVal == self.Preset()) return false; 
     var newVal = self.SlotPosition(); 
     alert('newVal: ' + newVal); 
     alert('oldVal: ' + self.Preset()); 
     // Then, I find my other dropdown from the next model 
     // using the newVal, and set it to oldVal 
     // After doing you work set the newVal to self.Preset 
     self.Preset(newVal); 
    }); 

}; 
ko.applyBindings(new ViewModel()); 

보기 : 단지 우리가 필요로하는 모든 사용하는 subscribe

보기 모델 인 사용 바이올린을 작업 엿보기없이

<div> 
    <select data-bind="options: slots, optionsText: 'Text', optionsValue: 'Value', value: SlotPosition"> </select> 
</div> 

구독 here

슬쩍 작업 바이올린이 here