masked date input in grid cell

[Ulf]

Hi all,

using the kendo-datetimepicker, you can force the masked date input with the prop: dateInput=true.

https://docs.telerik.com/kendo-ui/api/javascript/ui/datetimepicker/configuration/dateinput

Is this functionality also available for table cells, or how can this be achieved?

Regards

ulf

[Dimitar]

Hello Ulf,

Could you elaborate a bit more on what is the exact scenario that you would like to achieve? 

In general, if you would like to setup a custom editor for a Grid column, then this could be achieved through the :editor prop of the <kendo-grid-column> component. There is an existing demo that demonstrates how such an editor can be configured:

• Grid Custom Editor Demo.
  
  

Regards,
Dimitar
Progress Telerik

[Marius]

Hello Dimitar

Does not see the editor in the doc, and the link does not work .

[Dimitar]

Hello Marius,

Here is a working link for Custom Editor in the Kendo Grid:

• https://www.telerik.com/kendo-vue-ui/components/grid/editing/#toc-editing-custom-editor

You will notice that the column editor is defined through the :editor="categoryDropDownEditor" and is then initialized from a Vue method:

methods: {
  categoryDropDownEditor: function(container, options) {
    $('<input required name="' + options.field + '"/>')
     .appendTo(container)
     .kendoDropDownList({
      autoBind: false,
      dataTextField: "CategoryName",
      dataValueField: "CategoryID",
      dataSource: {
        type: "odata",
        transport: {
          read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Categories"
        }
      }
    });
  }
}

Regards,
Dimitar
Progress Telerik