This is a migrated thread and some comments may be shown as answers.

Show Decimal Digits

5 Answers 132 Views

Input

This is a migrated thread and some comments may be shown as answers.

Cheng Lim Sek asked on 20 May 2010, 04:10 AM

Hi,

I have problem for the decimal digits I have set.
Currently I have few setting for numerictextbox:
<telerik:radnumerictextbox skinid="Percentage" enableenbeddedskins="false" maxvalue="100" minvalue="0" numericformat-allowrounding="false" numericformat-decimaldigits="2"/>
<telerik:radnumerictextbox skinid="Decimal2Digits" enableenbeddedskins="false" maxvalue="100" minvalue="0" numericformat-allowrounding="false" numericformat-decimaldigits="2"/>
<telerik:radnumerictextbox skinid="Decimal4Digits" enableenbeddedskins="false" maxvalue="100" minvalue="0" numericformat-allowrounding="false" numericformat-decimaldigits="4"/>

The problem I face is that, even I have set numericformat-decimaldigits="2" or numericformat-decimaldigits="4", if I type 12.30, it will show me 12.3.

Is there a solution that it will show me exactly 2 decimaldigits (12.30) if I type, 12.3 or 12.30?
Or exactly 4 decimal digits (12.3330) if I type, 12.333 or 12.3330?

5 Answers, 1 is accepted

answered on 20 May 2010, 10:59 AM

Hi Cheng Lim Sek,

The observed behavior is by design. You can use the following approach:

<%@ Page Language="C#" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title>RadControls</title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<telerik:RadNumericTextBox ID="rdTextBox" runat="server">

<NumberFormat AllowRounding="false" DecimalDigits="3" />

<ClientEvents OnBlur="addZeros" OnValueChanged="addZeros" />

</telerik:RadNumericTextBox>

<script type="text/javascript">

function addZeros(sender, args)

{

var decimalPart = sender._textBoxElement.value.split(".")[1];

var zeros = "";

if (decimalPart && decimalPart.length < sender.get_numberFormat().DecimalDigits)

{

for (var j = 0; j < sender.get_numberFormat().DecimalDigits - decimalPart.length; j++)

{

zeros += "0";

}

sender._textBoxElement.value = sender._textBoxElement.value.split(".")[0] + "." + decimalPart + zeros;

}

else if (!decimalPart && sender.get_numberFormat().DecimalDigits > 0)

{

for (var j = 0; j < sender.get_numberFormat().DecimalDigits; j++)

{

zeros += "0";

}

sender._textBoxElement.value = sender._textBoxElement.value + "." + zeros;

}

</script>

</form>

</body>

</html>

Greetings,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.