событие с нокаутом

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

Но я продолжаю получать кнопку не определена . Я пытаюсь сделать событие on ('click') с параметром, чтобы определить последнее, что привязывает к инициализации.

For example, when clicking on button('upload') I want to initialize the following 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"}
                ]
            });*/
        }
    };

Do I must wrap the click code in a ViewModel = function() { like in
- http://jsfiddle.net/jearles/xSKyR/
- http://jsfiddle.net/FpSWb/ ?
Can't I do it the way I'm trying to do it?

1

добавлено 28 Декабрь 2012 в 11:34 автор Alex

Просмотры: 3

источник

nl ja de

1 ответы

автор Vyacheslav Voronchuk · Answer 1 · 2012-12-28T11:44Z

Вы делаете это неправильно. Вы должны создать настраиваемую привязку 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>