AngularJS:Kendo 单击/点击时清除所有 0 的 NumericText 框

Posted

技术标签:

【中文标题】AngularJS:Kendo 单击/点击时清除所有 0 的 NumericText 框【英文标题】:AngularJS: Kendo Clear all NumericText boxes of 0 when clicked/tapped 【发布时间】:2018-11-26 19:05:41 【问题描述】:

在 AngularJS 中,我有未知数量的 NumericTextBoxes(它们是在 ng-repeat 中制作的):

<input kendo-numeric-text-box
   k-format="'c2'"
   class="form-control"
   k-min="0" k-max="10000000"
   k-ng-model="fund.Amount"/>

当用户单击任何文本框时,如果值为 $0,则该字段应清除。我的用户抱怨他们每次点击 Kendo NumericTextBox 时都必须手动删除 0。

我试过了,但失败了:

$(function() 
  $('[data-role="numerictextbox"]').each(function()
    var textbox = $(this);
    textbox.value(null);
  ); 
);

【问题讨论】:

你试过写指令吗? (像这样的jQuery一般不会起作用,而且你的混凝土确实很奇怪) 【参考方案1】:

我为我的目的找到了一个简单的解决方法。将Kendo Control绑定的模型设置为null。这样 Kendo 控件显示一个空白,而不是 $0

【讨论】:

以上是关于AngularJS:Kendo 单击/点击时清除所有 0 的 NumericText 框的主要内容,如果未能解决你的问题,请参考以下文章

使用 AngularJS 单击时清除文本输入

通过 AngularJS 中的模型绑定更改 Kendo 图表类型

使用子组件按钮单击关闭 Kendo Angular Dialog

单击Kendo Grid中的“过滤器”按钮时会调用什么事件

Kendo UI和AngularJS常见问题解析

按钮单击是刷新页面 Kendo Angular ToolBar 溢出按钮