custom editor template - dataItem.dirty not recognizing changes to dataItem

[Devin]

I have a grid with custom editors (kendo datepicker, kendo numericTextBox) and one field that does not have a custom editor defined

When I am in edit mode, and change the value in either of columns using custom editor templates, the dataItem.dirty flag is not changed. It is only correctly tracked in the default editor.

 

columns: [
{
    field: "amount",
title: "Amount (bps)",
//editor: function(container, options){
// container.append(amountTemplate);
//}
},
{
field: "startDate",
title: "Start Date",
template: startDateTemplate,
editor: function(container, options){
container.append(startDateTemplate);
}
},
{
field: "endDate",
title: "End Date (months)",
template: '<span ng-if="!dataItem.isBeingEdited">{{!!dataItem.endDate ? dataItem.endDate : "&boxh;"}}</span>',
editor: function(container, options){
container.append(endDateTemplate);
}
}​

[Patrick | Technical Support Engineer, Senior]

Hello Devin,

Take a look at my demo which illustrates how to set a custom editor with a NumericTextBox. 

Notice how I bound the data inside the input using data-bind:

function unitPriceEditor(container, options) {
  $('<input data-bind="value: ' + options.field + '"/>')
  .appendTo(container)
  .kendoNumericTextBox({
    decimals: 2,
    upArrowText: "More",
    downArrowText: "Less"
  });
}

Inside the editor, I used .appendTo(container) to use the Kendo NumericTextBox.

If this does not resolve your issue, please update my example with your amountTemplate so we can investigate the specific problem.  

Regards,
Pat
Telerik

 

 

[RYAN]

I am facing same issue. Could you please give the code with ASP.Net MVC (Razor).

 

 

 

[Plamen]

Hi,

You can refer to this help article where is described how to use custom popup editor in ASP.Net MVC (Razor) application.

Regards,
Plamen
Telerik by Progress