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

RadMaskedTextBox setting the mask client side

2 Answers 314 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Rene
Top achievements
Rank 1
Rene asked on 29 Dec 2010, 07:49 PM
Hello,
I do have a litte Problem setting the Mask of a RadMaskedTextBox via Javascript. Actually the mask gets set correct and I'd say my code works. However, the mask only gets displayed if I start typing in the Textbox. If I set the value to something that satisfied the mask, the value isn't displayed either.
I've already found the previous Thread on this topic, but neither setting the value nor setting the length worked for me.
Here's the code I use:

   <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
    <script type="text/javascript">
        function valueChanged(sender, eventArgs) {
            var db1TextBox = $find("<%= txtFoo.ClientID %>");
            var db1value = db1TextBox.get_value();
            var db2TextBox = $find("<%= txtBar.ClientID %>");
 
            var masks = [
                new Telerik.Web.UI.RadLiteralMaskPart(db1value[0]),
                new Telerik.Web.UI.RadLiteralMaskPart(db1value[1]),
                new Telerik.Web.UI.RadLiteralMaskPart(db1value[2]),
                new Telerik.Web.UI.RadLiteralMaskPart(db1value[3]),
                new Telerik.Web.UI.RadLiteralMaskPart(db1value[4]),
                new Telerik.Web.UI.RadLiteralMaskPart(db1value[5]),
                new Telerik.Web.UI.RadNumericRangeMaskPart(0, 9, false, true),
                new Telerik.Web.UI.RadNumericRangeMaskPart(0, 9, false, true)
                ];
             
            db2TextBox._length = 0;
            db2TextBox._setMask(masks);
            db2Textbox._setValue('');
        }
    </script>
</telerik:RadScriptBlock>
 
    <div>
        <telerik:RadMaskedTextBox ID="txtFoo" Mask="<0..9><0..9><0..9><0..9><0..9><0..9>" runat="server" ClientEvents-OnValueChanged="valueChanged"/>
        <telerik:RadMaskedTextBox ID="txtBar" runat="server"></telerik:RadMaskedTextBox>
    </div>

Thanks in advance

2 Answers, 1 is accepted

Sort by
0
Tsvetina
Telerik team
answered on 04 Jan 2011, 11:05 AM
Hi Rene,

Could you please check if the behavior changes if you set the mask on client pageLoad event and remove the Mask property setting from the RadMaskedTextBox control declaration?

Best wishes,
Tsvetina
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Rene
Top achievements
Rank 1
answered on 04 Jan 2011, 12:08 PM
figured it out just now, the call to _setValue should have been _SetValue or set_value,  it's actually rather obvious. It just seems a bit inconsistent.

Thanks.
Tags
General Discussions
Asked by
Rene
Top achievements
Rank 1
Answers by
Tsvetina
Telerik team
Rene
Top achievements
Rank 1
Share this question
or