使用Kendo UI动态构建表格

Question

我有以下要求：

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

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

例如：用户输入“名称，颜色”。

我需要

name: <text box here> 

color: <text box here> 

表现出形式（模态对话框）如何建立这个使用剑道UI与最低工作的解决方案？

另外，我需要检索这些值返回作为JSON

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

我的当前的解决方案是逗号分隔值转换成JSON数组，遍历这些值和手动创建的HTML字符串和表示在html一个对话框。

由于我必须在将来构建这样的视图，我需要一个更快的解决方案。

Answer 1

您可以在Kendo javascript框架中使用模板。这个简单的例子是从剑道API文档在http://docs.telerik.com/kendo-ui/api/javascript/kendo#methods-render

<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中。