Telerik Forums
UI for ASP.NET Core Forum
4 answers
1.5K+ views

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");
                    }

Eyup
Telerik team
 answered on 19 Jul 2018
1 answer
167 views

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="~/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.material.min.css" />
 
 
    </environment>
    <environment exclude="Development">
              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>
Rumen
Telerik team
 answered on 18 Jul 2018
5 answers
452 views

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?

 

Viktor Tachev
Telerik team
 answered on 18 Jul 2018
3 answers
1.8K+ views

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

Ricky
Top achievements
Rank 1
 answered on 17 Jul 2018
6 answers
102 views

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.

Reid
Top achievements
Rank 2
 answered on 17 Jul 2018
2 answers
1.1K+ views

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!

Catherine
Top achievements
Rank 1
 answered on 17 Jul 2018
2 answers
228 views

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.

Louis
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 16 Jul 2018
1 answer
129 views

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

Rumen
Telerik team
 answered on 16 Jul 2018
1 answer
165 views
hi, i have a problem. i need create barcode format pdf417
Konstantin Dikov
Telerik team
 answered on 16 Jul 2018
7 answers
498 views

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

Tsvetina
Telerik team
 answered on 13 Jul 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?