jquery mobile and notockout form submit binding

Question

Я наткнулся на кажущуюся несовместимость между knockoutjs и jquery mobile, когда дело доходит до формы представления поведения.

Рассмотрим следующую разметку:

<form data-bind="submit: myKoSubmitAction"> 
    <!-- form fields here --> 
</form> 

Намерение состоит в том, что нокаута предотвращает серверную запись/получить, а вместо этого вызывает myKoSubmitAction. jqm также предотвратит стандартное представление поведения только для jqm, причина в том, что представление формы заменяется на запрос ajax.

Таким образом, в то время как нокаут (предположительно) преуспевает в предотвращении стандартного запроса сервера, он не может помешать jqm отправлять запрос ajax.

Я нашел ответ на эту проблему в группе google и подумал, что она также должна быть на SO. Ниже

Answer 1

Лучшее решение я смог найти в следующих пользовательских ко связывания:

//This binding fixes apparent incompatibility between knockout and jqm 
ko.bindingHandlers.jqmsubmit = { 
    init: function (el, accessor, allbindings, vm) { 
    ko.bindingHandlers.submit.init(el, accessor, allbindings, vm); 
    $(el).submit(function (e) { 
     // prevent the submit behavior 
     e.preventDefault(); 
     e.stopPropagation(); 
     return false; 
    }); 
    } 
}; 

Чтобы использовать вместо стандартного представить ко связывании:

<form data-bind="jqmsubmit: myKoSubmitAction"> 
    <!-- form fields here --> 
</form> 

Answer 2

Вы также можно добавить data-ajax="false" в элемент <form>.

См. Submitting Forms.