Как отключить точки в Kendo UI NumericTextBox? - PullRequest
Новая
       43

Как отключить точки в Kendo UI NumericTextBox?

0 голосов
/ 28 октября 2019

Мне нужно сделать числовое поле только целым числом , чтобы поле не принимало десятичные дроби. Я бы не даже хотел бы, чтобы поле приблизительное , просто не принимало точки или запятые.

В зависимости от культуры, оно принимает числовой разделитель (например, EN являетсяточка, это запятая)

Вот код, который я попробовал 

$("#numerictextbox").kendoNumericTextBox({
     culture: "en-US",
     step: 500,
     spinners: false,
     format: "#",
     decimals: 0
});
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

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

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js"></script>
 <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/cultures/kendo.culture.en-US.min.js?bust=v21"></script>
</head>
<body>
  
<input id="numerictextbox" />
</body>
</html>

Здесь вы можете найти ссылку на dojo с примером итальянской культуры, в данном случае она блокирует запятую

1 Ответ

1 голос
/ 28 октября 2019

Попробуйте использовать параметр конфигурации restrictDecimals . 

$("#numerictextbox").kendoNumericTextBox({
    culture: "en-US",
    step: 500,
    spinners: false,
    format: "#",
    decimals: 0,
    restrictDecimals: true
});

В этой конфигурации запятая и точка с поведением ведут себя как ввод буквы (красный восклицательный знак).

Пример

...