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

[Solved] NumericTextBox not working with jquery ajax update

2 Answers 132 Views

NumericTextBox

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

This question is locked. New answers and comments are not allowed.

dstj asked on 14 Jul 2010, 02:01 AM

Hi,

Using v2010.1.309.235

I've already check the document post "Using with partial views loaded via Ajax", but my numeric textboxes are not working. My DatePickers are working though...

I used Firebug to check the response and I've noticed the numeric JavaScript for the NumericTextBox does not appear to be sent... See this response for a DatePicker and a NumericTextBox.

<li>

<label for="CancellationDate">CancellationDate</label>

<div class="t-widget t-datepicker" id="CancellationDate"><input class="t-input" id="CancellationDate-input" name="CancellationDate" value="" /><a class="t-link t-icon t-icon-calendar" href="#" tabindex="-1" title="Open the calendar">select date</a></div><script type="text/javascript">

jQuery('#CancellationDate').tDatePicker({format:'dd/MM/yyyy', minDate:new $.telerik.datetime(1899,11,31), maxDate:new $.telerik.datetime(2100,00,01)});

</script>

</li>

<li>

<div class="t-widget t-numerictextbox" id="TEST"><input class="t-input" id="TEST-input" name="TEST" value="" /><a class="t-link t-icon t-arrow-up" href="#" tabindex="-1" title="Increase value">Increment</a><a class="t-link t-icon t-arrow-down" href="#" tabindex="-1" title="Decrease value">Decrement</a></div>

</li>

Do you have any idea what I could be doing wrong? I've registered all the Required JavaScript files. See my master page below.

Thanks for your help,

Dominic.

Here's is my complete MasterPage

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>

<!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">

<title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>

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

<link rel="icon" type="image/png" href="/favicon.png" />

<link rel="stylesheet" type="text/css" href="/Content/master.css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/smoothness/jquery-ui.css" type="text/css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>

<script type="text/javascript" src="/Scripts/jquery.fancybox-1.3.1.pack.js"></script>

<link rel="stylesheet" href="/Content/fancybox/jquery.fancybox-1.3.1.css" type="text/css" />

<script type="text/javascript" src="/Scripts/ajax.js"></script>

<%= Html.Telerik().StyleSheetRegistrar()

.DefaultGroup(group => group.Add("telerik.common.min.css")

.Add("telerik.simple.min.css")

.Combined(true)

.Compress(true))

%>

<asp:ContentPlaceHolder ID="HeadContent" runat="server" />

</head>

<body>

<div class="wrapper">

<% Html.RenderPartial("Header"); %>

<% Html.RenderPartial("Feedback"); %>

<div id="content">

<asp:ContentPlaceHolder ID="MainContent" runat="server" />

</div>

<div class="push"></div>

</div>

<% Html.RenderPartial("Footer"); %>

<%= Html.Telerik().ScriptRegistrar().jQuery(false).DefaultGroup(group => group.Add("telerik.common.min.js")

.Add("telerik.textbox.min.js")

.Add("telerik.calendar.min.js")

.Add("telerik.datepicker.min.js")

.Add("telerik.grid.min.js")

.Add("telerik.draganddrop.min.js")

.Add("telerik.grid.grouping.min.js")

.Add("telerik.grid.filtering.min.js")) %>

</body>

</html>

Here's part of my partial view :

<li>

<%= Html.LabelFor(model => model.CancellationDate) %>

<%= Html.Telerik().DatePicker()

.Name("CancellationDate")

.ShowButton(true)

.Value(Model.CancellationDate)

%>

<%= Html.ValidationMessageFor(model => model.CancellationDate) %>

</li>

<li>

<%= Html.Telerik().NumericTextBox()

.Name("TEST")

%>

<%= Html.ValidationMessageFor(model => model.CancellationDate) %>

</li>

2 Answers, 1 is accepted

Accepted

answered on 14 Jul 2010, 09:46 AM

Hi Dominic,

I have tried to reproduce depicted issue, but to no avail. I have used 2010.1 518 (Q1 SP2) version of the Telerik Components for ASP.NET MVC, which is latest official release. Could you try to update to this version and share with us what your findings are.

You can download 2010.1 518 (Q1 SP2) version from this forum thread.

Sincerely yours,
Georgi Krustev
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