NumericTextBox does not submit the form after changing values

[Alberto]

I'm converting a legacy form to Telerik UI, DropDownListForm "onchange" event works without changing anything while the NumericTextBoxFor "change" and "spin" events don't work, do you know why? Here is the relevant source code of my view:

<div class="form-group">
              @Html.LabelFor(m=>m.Quantity, new { @class = "col-md-3 control-label" })
              <div class="col-md-4">
                  @*@Html.TextBox("quantity", Session["quantity"].ToString(), new { @class = "form-control", onchange = "this.form.submit();" })*@

              @(Html.Kendo().NumericTextBoxFor(model=>model.Quantity).Decimals(2).Format("n0").HtmlAttributes(new { style = "width: 100%", @class = "form-control", change = "this.form.submit();", spin = "this.form.submit();"}))
              </div>
          </div>

          <div class="form-group">
              @Html.LabelFor(m=>m.SelectedYear, new { @class = "col-md-3 control-label" })
              <div class="col-md-4">
                  @*@Html.DropDownList("numYears", (List<SelectListItem>)ViewBag.PossibleYears, new { @class = "form-control", onchange = "this.form.submit();" })*@

                  @(Html.Kendo().DropDownListFor(model => model.SelectedYear).BindTo(Model.YearList).HtmlAttributes(new { style = "width: 100%", @class = "form-control", onchange = "this.form.submit();" }))
              </div>
          </div>

[Tsvetomir]

Hi Alberto,

The Kendo UI NumericTextBox utilizes two distinct input elements. Therefore, attaching a change event via the attributes might not get called. What I can recommend is that you attach it via the options of the widget:

.Events(ev=>ev.Change("onChange"))

function onChange(e){
      // ....
}

I hope this helps.

 

Regards,
Tsvetomir
Progress Telerik

[Alberto]

Thanks Tsvetomir,

what I need to write inside the onChange(e) javascript function to submit the form?

Alberto

[Tsvetomir]

Hi Alberto,

I suspect that the form has an id set. You could access it with the help of jQuery and programmatically submit the form. Here is an example:

$("#formID").submit();

Give this a try and let me know how it works out for you.

 

Regards,
Tsvetomir
Progress Telerik