在 Javascript (Kendo UI) 中创建自定义可重用控件

Question

我们正在构建一个基于 Microsoft MVC 4 的 Web 应用，但在客户端使用 KendoUI。 但我们不是使用为 MVC 构建的 Kendo 版本，而是使用 Web 版本。我们试图做的是创建一种“用户控制”。一个地址控件，可以在多个页面上重复使用，甚至可以在同一页面上多次添加。此控件应具有多个字段，其中包含绑定到模型的验证事件（门号、街道、城市、州等）。有可能做这样的事情吗？我特别关心不同领域的事件。我不知道如何做这样的事情，因为我不知道如何为内部输入控件创建不同的 DOM id。

因此，如果您有任何阅读材料或示例要建议，那会让我很开心。谢谢 ！

Answer 1

请参阅我的回答 here，了解如何创建自定义小部件。您可以通过多种方式创建不同的 DOM id，例如通过从创建小部件的元素的 id 派生它们（例如，通过附加“-my-special-field”）。当然，这只有在您确保这些元素具有 id 时才有效。另一种选择是使用全局函数来创建具有计数器的唯一 ID，例如像这样：

var counter = -1;
var idPrefix = "my-awesome-app-";
function getUniqueId() {
    counter += 1;
    return idPrefix + counter;
}