Kendo UI ASP.NET MVC TreeList InCell NumericTextBox Editor

Hi Eyup, thank you for responding. 

I have already tried using the "examples" that you cite.  I have to say that those examples need to be refreshed with more meaningful details rather than simply writing to the console.  In fact, all kendo ui examples that simply write a text string to the console are doing a disservice to your users.

I am using In Cell editing as requested by the client.  InLine is not an option here as we are using an on demand popup (modal) form to do the bulk of the heavy editing.  The InCell is used exclusively for a single numeric field.

1. Default Editor does not work.  I have edited the Number.cshtml file in the /Views/Shared/EditorTemplates folder and it does not get used.  Here is the Number.cshtml file which has been updated from the default because I need decimals to be formatted as N3 and have 20 decimal place precision since the corresponding SQL column is decimal(30,20).

@model double?
@(Html.Kendo().NumericTextBoxFor(m => m)
    .HtmlAttributes(new { style = "width:100%;" })
    .Decimals(20)
    .Spinners(true)
    .Format("{0:n3}")
    .Min(Double.MinValue)
    .Max(Double.MaxValue)
    .Round(false)
    .RestrictDecimals(false)
)

2. The Custom Editor template using UHint is not an option in my use case.  Instead of using a ViewModel for the data model object, the data is bound to a data model class that is dynamically generated using a T4 template for which any edits are overwritten the next time the T4 templates are transformed.

3. I was not able to get the Editor properties to work with InCell editing.  It just displayed the name of the javascript function in the input.  I am guessing this only works for InLine editing, which again is not an option for this use case.

4. I did get the TreeList OnEdit event handler to set the NumericTextBox options as required (see below code snippet) such that the format is N3 and the value is not rounded.   However, if I click in the cell to edit it, the numeric text box editor reverts to the default with value rounded to 2 decimal places.

const numericTextBox = e.container.find("[data-role=numerictextbox]").data("kendoNumericTextBox");
if (numericTextBox !== null && numericTextBox !== undefined) {
	numValue = numericTextBox.value();
	numericTextBox.setOptions({ value: numValue, format: "n3", decimals: 20, restrictDecimals: true, round: false, step: 1});
}

Hi Chris,

In this case, can you open a formal support ticket to send us a very basic isolated runnable version of your app? This will allow us to prepare a full working updated version of the project and send it back to you.