KendoUI和外部文件中的数据绑定

Question

我有不同文件中的每个视图，但是当我尝试绑定函数时它不起作用（当给定视图在index.html中时它正在工作）。

例如：

按钮：

<button id="form_submit" data-bind="events: { click: submit }" >    
Sign in
</button>

和我的viewModel：

var viewModel = kendo.observable({
submit: function(e) {
  e.preventDefault();
  alert(2);
});

kendo.bind($("#form_submit"), viewModel);

但正如我所说 - 当我的表单在外部文件中时它不起作用..

---

解决方案

你必须在显示之前绑定所有内容：

<div data-role="view" data-layout="form-layout" id="login-form" data-title="Login" data-use-native-scrolling="true" data-before-show="bindLogin">


function bindLogin()
{
  kendo.bind($("#form_submit"), viewModel);
}

然后我得警惕。