淘汰賽click事件

Question

我有以下代碼：

<div class="icon-upload" data-bind="click: button('upload') "> Upload </div> 

ko.bindingHandlers.button = { 
    init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) 
    { 
     //alert('works'); 
     console.log(element); 
    } 
}; 

但我不斷收到一個button is not defined錯誤。我正在嘗試使用參數執行on('click')事件，以確定後面的初始化綁定。

例如，點擊button('upload')我想初始化以下binding

ko.bindingHandlers.image = { 
     init: function (element, valueAccessor, allBindingsAccessor, context) 
     { 
      var value = ko.utils.unwrapObservable(valueAccessor()), 
       $element = $(element); 
       console.log($element) 

      $element.html(value); 

      /*$element.pluploadQueue({ 
       runtime: 'gears, browserplus, html5, flash, html4', 
       max_file_size: '10mb', 
       max_file_count: 10, 
       chunk_size: '1mb', 
       unique_names: true, 
       multiple_queues: true, 
       drop_element: true, 
       dragdrop: true, 
       filters : [ 
        {title : "Image files", extensions : "jpg,gif,png"} 
       ] 
      });*/ 
     } 
    }; 

• 難道我必須
  • http://jsfiddle.net/jearles/xSKyR/
  • http://jsfiddle.net/FpSWb/包裹在ViewModel = function() {點擊代碼就像當？
• 難道我不能這樣做我試圖做到這一點嗎？

Answer 1

你做錯了。您應該創建自定義綁定button，這將在click事件中觸發。

ko.bindingHandlers.button = { 
    init: function (element) { 
     $(element).click(function() { 
      // Your logic 
     }); 
    } 

    update: function(element, valueAccessor, allBindingsAccessor) { 
     switch(ko.utils.unwrapObservable(valueAccessor())) { 
      case 'upload': ... 
     } 
    } 
} 

鑑於

<div class="icon-upload" data-bind="button: 'upload'"> Upload </div>