Question

我有以下要求：

用户在文本字段中输入某些标记（以逗号分隔）。

然后，我需要为每个属性显示一个带有文本输入的表单。

例如：用户输入＆＃34;名称，颜色＆＃34;。

我需要用

显示一个表单（在模态对话框中）

name: <text box here>

color: <text box here>

如何使用Kendo UI以最少的工作为此构建解决方案？

另外，我需要以JSON

的形式检索这些值

{ 
  name: 'John', 
  color: 'Black' 
}

我目前的解决方案是将逗号分隔值转换为JSON数组，迭代这些值并手动创建html字符串并在对话框中显示html。

由于我将来必须构建此类视图，因此我需要更快的解决方案。

Answer 1

您可以使用剑道javascript框架进行模板化。这个简单的示例来自http://docs.telerik.com/kendo-ui/api/javascript/kendo#methods-render

的Kendo API文档

<ul></ul>
<script>
var template = kendo.template("<li>#: name #</li>");
var data = [ { name: "John Doe" }, { name: "Jane Doe" }];
var html = kendo.render(template, data);
$("ul").html(html);
</script>

基本上定义你的模板并使用kendo.render将数据应用到它，它负责迭代你的数据以创建html结果。然后将实际的html构造封装在模板中，而不是在javascript中。

使用Kendo UI动态构建表单

1 个答案: