Kendoui:什么是构建简单远程表单的最佳方式

时间:2013-01-26 14:09:26

标签: kendo-ui

我刚刚开始学习Kendoui并且必须掌握网格等。

但是,我想为网格中的项目创建详细信息表单页面,以便更新它们。我已经使用了Kendoui网格中的弹出功能,这很好,但由于表单的大小,我真的需要在单独的页面上。

问题在于他们的网站上没有关于绑定远程数据源的简单表单的示例。

我想知道是否有人可以告诉我最好的使用方法,也许会给我一个简单的例子。

由于

2 个答案:

答案 0 :(得分:2)

你是对的!,没有标准的方法来创建自定义弹出编辑器,但我们应该认识到没有因为是自定义的,没有简单的(可能的?)方式这样做,因为我们每个人都会请求不同的东西。

但是并不代表你不能(很容易)做到这一点。

这些基本上(据我所见),要遵循的步骤:

  1. 定义自己的方式"弹出"包含复杂表格的窗口。您可以选择一行,然后点击自定义toolbar按钮。
  2. 获取selected row
  3. 的数据
  4. 使用kendo.bind
  5. 将数据绑定到弹出窗口
  6. 由于数据绑定到数据网格时closing this window,因此调用DataSource.transport.update并更新服务器中的数据。
  7. 您可能也有兴趣查看this answer,其中显示了如何将数据绑定到窗口,包括对JSFiddle中的示例的引用。

    这可能看起来比它实际上更难但如果你熟悉不同的KendoUI小部件,它实际上非常简单。

答案 1 :(得分:1)

这是我制作的一个应用示例,演示了详细页面的网格视图,它使用Angular进行导航。后端数据库是Wakanda一个自定义的nosql数据库,但您可以使用任何数据源或本地数据。如果这有帮助,或者您需要对项目进一步解释,请告诉我。 MVVM稍微更新了函数的代码注释。

第一个例子是with MVVM

下一个示例相同的项目,但not using MVVM只是使用jquery手动设置数据源的输入值

这是video的样子