Kendo UI：在按钮单击时获取文本框值

Posted 2023-05-07

【中文标题】Kendo UI：在按钮单击时获取文本框值

【英文标题】：Kendo UI: Get TextBox Value on Button Click

【发布时间】：2013-04-16 05:08:04

【问题描述】：

我有一个表单，它由几个文本框和一个按钮组成。

我正在使用 Kendo UI MVVM 格式。单击按钮时如何获取每个文本框的值并将其存储在对象中？

我是否必须使用普通的 jQuery 来获取值，或者是否有其他方法可以从它们中获取值？

谢谢

哈迪克

【参考方案1】：

请查看以下文档页面：

http://demos.kendoui.com/web/mvvm/index.htmlhttp://docs.kendoui.com/getting-started/framework/mvvm/observableobjecthttp://docs.kendoui.com/tutorials/mvvm-in-kendo-ui

这些页面包含有关 Kendo UI MVVM 的大部分问题的答案。如果我认为我可以比 Telerik 辛勤地编写这些文档页面的合格且努力工作的人更好地解释它，那将是愚蠢和冒昧的。

它的要点是您需要创建一个kendo.data.ObservableObject 的实例，该实例具有您正在使用的值的属性。这是您的视图模型。然后在您的文本框标记中，包含引用可观察对象中的属性的data-bind 属性的值。在您的视图模型中创建一个函数来处理按钮的click 事件。在您的按钮中放置一个data-bind 属性，将点击事件绑定到您的函数。最后，调用kendo.bind(<element>, <observable object>)，它将把你的标记连接到你的视图模型对象。

在您的点击事件处理程序中，您可以获取视图模型的值，并将它们插入到您需要的对象中。除了引用元素来调用bind 之外，您不需要对任何东西使用“普通jQuery”。

【讨论】：

应该通过建设性评论添加帖子改进建议，或者自己进行编辑以指导 OP - 在看似居高临下的情况下发布链接几乎不会增加对话。

@Ray 我并不想居高临下。我试图赞扬 Telerik 为记录产品所做的工作。你错误地推断出任何屈尊俯就。当我真的想帮忙的时候，你真的会用反对票来惩罚我吗？

@Ray 你宁愿他复制粘贴这些链接上的内容...别再当巨魔了。干得好，丹。

【参考方案2】：

您可以使用 JQuery 快速检索该值：

$('#yourTextBoxID').data('kendoMaskedTextBox').value();

【参考方案3】：

您可以使用此代码：

$('#yourTextBoxID').val();