KnockoutJS自定義數據綁定添加移動樣式

Question

昨天經過大量的幫助後，我採用了示例車的示例，並將其應用到我的應用（搜索B & B房間）。

的想法是，你從（1）房型選擇 - 這再填充（2）住戶 - 當你再從（2）住戶選擇，它填充（3）數REQD

問題是我不能讓它移動樣式添加到新添加的下拉列表中，一旦居住者的數量已選擇：

有一個工作搗鼓在這裏：http://jsfiddle.net/mtait/g8cQz/5/

隨着@丹幫助 - 他得到了聖yling被應用到乘客下拉列表中，通過添加jqmOptions: sampleProductCategories：

 <td> 
     <select data-bind='jqmOptions: sampleProductCategories, options: $root.RoomCategories, optionsText: "TypeName", optionsCaption: "Select...", value: category'></select> 
    </td> 

    <td data-bind="with: category"> 
      <select data-bind='jqmOptions: sampleProductCategories, options: Occs, optionsText: "occdesc2", optionsCaption: "Select...", value: $parent.occupancy'></select> 
    </td> 

     <td class='quantity' data-bind="with: category"> 
      <select data-bind="visible: $parent.occupancy, options: ko.utils.range(0, TypeCount), value: $parent.quantity"></select> 
     </td> 

ko.bindingHandlers.jqmOptions = { 
update: function (element, valueAccessor, allBindingsAccessor, context) { 
    ko.bindingHandlers.options.update(element, valueAccessor, allBindingsAccessor, context); 
    $(element).selectmenu(); 
    $(element).selectmenu("refresh", true); 
    } 
    }; 

什麼我需要REQD，當選擇乘員增加，以獲得所需數量下拉列表或佔用下拉列表中，以添加樣式的數量？

謝謝

馬克

Answer 1

移動最初的jQuery移動選擇init方法，也可手動使用applyBindingsToNode而不是調用上的選項結合

ko.bindingHandlers.jqmOptions = { 
    init: function(element, valueAccessor, allBindingsAccessor, context) { 
     ko.applyBindingsToNode(element, { options: valueAccessor() }, context); 
     $(element).selectmenu(); 
    },  
    update: function (element, valueAccessor, allBindingsAccessor, context) { 
     $(element).selectmenu("refresh", true); 
    } 
};