使用剑道 UI 运行时的文本框控件 Asp.net 核心答案

【问题标题】：textbox controls at run time Asp.net core using kendo UI使用剑道 UI 运行时的文本框控件 Asp.net 核心
【发布时间】：2018-11-02 14:42:55
【问题描述】：

如何使用 kendo UI 在运行时使用 Asp.net 核心以编程方式添加文本框控件？

（我不想使用剑道网格）

【问题讨论】：

其他用户将您的问题标记为低质量和需要改进。我重新措辞/格式化您的输入，使其更易于阅读/理解。请查看我的更改以确保它们反映您的意图。但我认为你的问题仍然无法回答。您现在应该edit您的问题，使其更加具体/清晰（请参阅help me is not a question）。如果您对我有其他问题或反馈，请随时给我留言。

标签： kendo-ui kendo-grid

【解决方案1】：

不确定你真正想要什么（你的帖子严重缺乏信息），但我认为你可以试试模板：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Untitled</title>

  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.common.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.rtl.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.default.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.mobile.all.min.css">

  <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/angular.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/jszip.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2018.3.1017/js/kendo.all.min.js"></script>
  <script id="textbox-template" type="text/x-kendo-template">
  	<input type="text" name="#= data.Name #" value="#= data.Value #">
  </script>
  <style type="text/css">
    #fields-container input {
      display: block
    }
  </style>
</head>
<body>
  <div id="fields-container"></div>
  <button>Add textbox</button>
  
  <script>
    let getValues = function getValues() {
      return {
        Name: "User[" + $('input').length + "]",
        Value: "John Doe"
      };
    };
    
    $('button').on('click', function() {
      let template = kendo.template($('#textbox-template').html()),
          dataValue = getValues(),
          templateValue = template(dataValue);
      
      $('#fields-container').append(templateValue);
    });
  </script>
</body>
</html>

Demo

正如你所说你不想使用网格，我想你想要像剑道在网格中所做的那样，即在后台使用模板。您可以单独使用模板而无需任何小部件。使用上面的 sn-p，您可以使用 ajax 请求数据表单服务器（精确地在 getValues() 函数中）或从其他来源获取数据。

【讨论】：