创建简单绑定的Kendo ui表单

时间:2014-10-14 17:09:02

标签: jquery kendo-ui

我正在寻找构建基于Web的应用程序来管理客户端的客户数据库等。

我在 PHP 中写道,但是正在查看 Kendo UI 来完成所有网格/表格的工作。但是我可以看到如何使用 Kendo UI 创建一个简单的表单。我的意思是如果它不是网格,你将如何创建一个表单并将其绑定到数据源?

Kendo 的任何帮助甚至替代方案都将受到赞赏。

由于

1 个答案:

答案 0 :(得分:0)

您可以使用MVVM将kendo observable(数据源)绑定到您创建的任何自定义html。
为您的数据创建视图模型

var viewModel = kendo.observable({name: "John Doe",});

并将其绑定到您的HTML。

kendo.bind($("#view"), viewModel);
<div id="view"><input data-bind="value: name" /></div>

现在,每次更改名称&#39;视图模型中的fielt将更新HTML。

修改 Datasource是一个kendo.observable。让你的model / datasouce有字段firstname和secondname,然后你需要将数据源绑定到表单。

kendo.bind($("#view"), yourKendoDataSource);

您的表单应该如下所示(注意数据绑定属性,它们将您的模型绑定到ui)

<form id="view">
  First name: <input type="text" name="firstname" data-bind="value: firstname"><br>
  Last name: <input type="text" name="lastname" data-bind="value: lastname">
</form>