I have a Kendo grid that has 15 editable columns and I am currently using inline editing. I also have a comments column that is only required if one of the other columns has changed its value. How do I manage that with custom validation?
In the example below, I am able to click into the row to begin editing. However I only require the Comments field to be required if ColA,ColB,ColC are edited.I can see that the row has been changed by tying into the hasChanges of the dataSource on the grid, but how do I force the required attribute to be applied to the Comments field?
ColA ColB ColC Comment
0 0 0
var grid = $('#grid').data('kendoGrid');
var selectedRow = grid.dataItem('tr.k-grid-edit-row');
if (grid.dataSource.hasChanges()) {
debugger;
alert("there are changes");
}

Hello,
I'm trying to use localization for Grid and it's seem working only for DatePicker.
I use this in _layout and see attachment
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <environment include="Development"> <!-- Lato font from Google webfonts --> <link href="https://fonts.googleapis.com/css?family=Lato:400,900,700,400italic" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" rel="stylesheet"> <link href="~/dist/css/charming-pro-green.css" rel="stylesheet" /> <!-- Ajout pour Kendo ui --> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.common-material.min.css" /> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.material.min.css" /> </environment> <environment exclude="Development"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css" asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" /> <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" /> <!-- Ajout pour Kendo ui --> <link rel="stylesheet" asp-fallback-href="~/lib/kendo-ui/styles/kendo.common-nova.min.css" asp-fallback-test-class="k-common-test-class" asp-fallback-test-property="opacity" asp-fallback-test-value="0" /> <link rel="stylesheet" asp-fallback-href="~/lib/kendo-ui/styles/kendo.nova.min.css" asp-fallback-test-class="k-theme-test-class" asp-fallback-test-property="opacity" asp-fallback-test-value="0" /> </environment></head><body class="bg-accent-2"> <environment include="Development"> <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js" crossorigin="anonymous" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script> <script src="~/dist/js/charming-pro.min.js"></script> <script src="~/js/site.js" asp-append-version="true"></script> @* Place Kendo UI scripts after jQuery *@ <script src="~/lib/kendo-ui/js/kendo.all.min.js"></script> <script src="~/lib/kendo-ui/js/kendo.aspnetmvc.min.js"></script> <script src="~/lib/kendo-ui/js/cultures/kendo.culture.en-CA.min.js"></script> </environment> <environment exclude="Development"> asp-fallback-src="~/lib/jquery/dist/jquery.min.js" asp-fallback-test="window.jQuery" crossorigin="anonymous" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT"> </script> asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js" asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal" crossorigin="anonymous" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"> </script> <script src="~/js/site.min.js" asp-append-version="true"></script> </environment> @RenderBody() <partial name="_CookieConsentPartial" /> @RenderSection("Scripts", required: false)</body></html><script type="text/javascript"> kendo.culture("en-CA");</script>
I need to send multiple parameters to the read method of a grid. I have grouped the parameters inside of a class since I have used this with success in the past.
However in the telerik context in does not work
Read([DataSourceRequest]DataSourceRequest request, MyFilter filter) I always get filter with its properties null
Read([DataSourceRequest]DataSourceRequest request, string Prop1, string Prop2) it works the properties have the correct values
Does this not work because of the DataSourceRequestAttribute? Do I have to define also an Attribute to retrieve my properties?

Hi I'm enumerating though a model and want to pass the current data n to a Window when edit is clicked.
@foreach (var n in Model) { <tr> <td class="grb-fa-center"> <i class="far fa-edit fa-lg" title="Edit" onclick='$("#window").data("kendoWindow").open();'></i> </td> </tr> <div id="example"> @(Html.Kendo().Window() .Name("window") .Title("My Editor") .Content(@<text>@Html.Partial("MyEditor\\Index", n)</text>).Visible(false) .Width(400) )</div>How can I pass n to my window?
Thanks,
Ricky
I have searched the internet to see if this issue is solvable in another context but can find nothing.
The issue I have is that the Grid markup never stays where you put it horizontally. So you can bring it back all the way to the left in the template and the next time you open it everything but the first line of the grid markup is indented like 3 inches.
Is anyone else experiencing this? I am using VS 2017 professional.
Hi,
I was just wondering how to call an javascript function or controller action from a custom toolbar button on the grid. I notice that there's no .Action() or .Url(), ext attributes in the core html helpers.
Thanks in advance!
Hello,
I try to use different theme but never get a great result. Bu example.
_Layout.cshtml
<!-- Ajout pour Kendo ui --><link href="~/lib/kendo-ui/styles/kendo.common-material.min.css" rel="stylesheet" /><link href="~/lib/kendo-ui/styles/kendo.dataviz.material.min.css" rel="stylesheet" />
nd see attachment for the bad result.
Can you tell me how to use correctly thoses files?
hank you.
Hello.
Congradulation for all of your very usuful products.
About Telerik UI for ASP.NET Core. It's use bootstrap 4? If not what is the roadmap for supporting bootstrap 4?
hank you


I have been quite frustrated trying to override the default styles for a grid. Currently the paging section is showing the top of a round circle in the page number of the footer paging section.
Also this grid is showing every other row color as blue.
There is nothing as far as styles that use blue at all in this project and I have inspected it in Chrome until I am blue in the face. (pardon the pun).
Can someone please provide the style declaration for the Kendo UI Grid (MVC) that would override this.
Please see attached.
Thanks