I want in one of the columns in a grid, add a dropdown or combobox component. As I see, in the documentation,

"Templates are only supported in the form of "strings". Templates in the form of React components are not supported".

Do you know if I can bypass this in any other way? 

Cheers 

While using kendogrid column validator I can see orange color alert with warning icon.

I want to change this style and just want to show the text in red color below the input columns.

Is it possible ?

I tried to use errorTemplate but they did not work.

 $('#grid').data('kendoGrid').addRow();
 var tr = $('#grid').find('.k-grid-edit-row');
 $(tr).kendoValidator().data('kendoValidator').setOptions({
    errorTemplate: '<span>#message</span>'
 });
 
 
 $(tr).kendoValidator({
       errorTemplate: '<span>#message</span>'
 }).data('kendoValidator');

Hi All

I'm using kendo grid where my data source is a dynamically generated HTML table. I would like to understand how I can generate a dropdown like filter for a particular column, where the user can select the data to be filtered rather than typing it.

Appreciate your inputs.

Thanks

Vijhay Devarajan

Here is the code how I built my kendo Chart

$('#chartR').kendoChart({ title: { text: "Selected Rep Compared to All Reps (March 2018- April 2017 Only)"}, legend: { position: 'bottom'}, tooltip: { visible: true,template: '#: series.name # #: value #%'}, seriesDefaults: { type: 'column', overlay: { gradient: 'none'}, categoryField: 'Chain'},//seriesColors series: [{ data: newData, name: 'Selected Rep', field: 'Per2018Amount'},{ data: totalData, name: 'All Reps', field: 'Total2018Amount'}], valueAxis: { labels: { format: '{0}%'}}})

As was in my goal i need to define separate data for each of series but onLoad on mobile devices i cant see anything. What the problem can be? Also I'm refreshing charts on screen dimensions changing with

var chartR = $('#chartR').data('kendoChart') chartR.refresh();

And with select I'm changing data for one of the series

chartR.setOptions({ series: [{ data: newData, name: 'Selected Rep', field: 'Per2018Amount'},{ data: totalData, name: 'All Reps', field: 'Total2018Amount'}]})

I have created a dojo example that I just can't seem to get to work correctly. Grid with two rows of numbers

It creates the grid correctly but does not show the rows.  What am I doing wrong?