Questions on UI for ASP.NET Core Forum

1 answer

1.1K+ views

Nuget package location for older versions

Hello we currently use old versions of different telerik controls, where can I find the nugget packages for these versions can you please point me to there location. Below are the once which I am looking for along with there version.

Telerik.Web.UI                                                                      2017.3.913.40
Telerik.Web.UI.Skins                                                            2017.3.913.40
Telerik.Windows.Documents.Core                                       2015.3.1111.40
Telerik.Windows.Documents.Flow                                        2015.3.1111.40
Telerik.Windows.Documents.Spreadsheet                           2015.3.1111.40
Telerik.Windows.Documents.Spreadsheet.FormatProviders.OpenXml   2015.3.1111.40
Telerik.Windows.Maths                                                          2015.3.1111.40
Telerik.Windows.Zip                                                               2015.3.1111.40

Installer and VS Extensions

answered on 02 Jul 2018

1 answer

1.9K+ views

The right way to handle server-side paging

I'm having trouble figuring out how to create a REST API to service a Kendo UI Grid. Option #1 - use the REST API for paging, Option #2 - read the entire result set at once and have the Grid control handle the paging.

Here are the problems I've run into with both:

1) I pass the Page and PageSize parameters through the query string. The service get them, queries the data model, and returns just the number of records requested (e.g. 50 items from page 4). The problem is that the paging controls then shows *page size* for the number of items in the grid. That is, if my page size is 50 and there are 3,000 records in the result set, the Grid shows a total 50 with a displays a single "page" button on Page 1. How do you force the Kendo UI Grid to use the total number of records? How do you do this without running the query twice (once for the total, a second time to apply the Skip and Take values)?

2) I only have 3,000 records, so it's really no big deal to read the whole data set, but each time I hit the 'page forward', I get a spinner and the request for the entire data set goes out again. Is there any way to tell the Kendo Grid to suck down the entire set of 3,000 records, but locally page in chunks of, say, 50 items per page.

General Discussions

answered on 29 Jun 2018

3 answers

270 views

[Solved] Getting name of dropdown menu that filters grid

Hi, I'm currently trying to filter a grid using an external component like the dropdown menu. I've used the instructions found in this form thread.

How would I pass the name of the drop down menu as well as the id or text data associated with the selection.

For example here is my current code:

Javascript

<script>

var menuName

var menuItem

function additionalData(e) {

return {

item: menuName + " " + menuItem

}

function onChange(e) {

//What would I put here to get the name or id of the dropdown? id, name, &ct.toString() do not work

menuName = this.name()

menuItem = this.text()

var grid = $("#analogGrid").data("kendoGrid")

grid.dataSource.read()

}

</script>

Grid HTMLHelper

//...

.Read(read => read.Action("Analogs_ReadAsync", "Analogs").Data("additionalData"))

//...

Controller Action

public async Task<JsonResult> Analogs_ReadAsync([DataSourceRequest]DataSourceRequest request, string item) {...}

Grid

answered on 29 Jun 2018

1 answer

317 views

Format not applying to column

I have the following code:

.Columns(columns => {

columns.Bound(c => c.CreatedDateTime).Width(180).Format("{0: dd MMM yyyy HH.mm}").Title("Date");

columns.Bound(c => c.Action.ActionDateTime).Format("{0: dd MMM yyyy HH.mm}").Width(280).Title("Action Date");

})

Both columns show the date and the JSON seems to have both dates correctly passed through.

However the 1st one displays the date correctly and the second one does not.

1st DateTime: 01 May 2018 08.45

2nd DateTime: 2018-06-01T13:01:05

Further details:

The data is obtained from two joined tables using EF Core.

I had to add the Json option Referenceloophandling.ignore to get the data to pass through, though I doubt this has anything to do with the problem as the Telerik Grid obviously has the correct data.

Can someone please help me format this date correctly.

Thanks,

Ricky

Grid

answered on 29 Jun 2018

1 answer

595 views

[Solved] Unobtrusive Validation Fires Multiple Times

I am trying to use unobtrusive validation for an ajax form inside a window. However if the window is opened multiple times then closed the validation fires multiple times. If I move the script to the main page then the validation does not fire at all.

Where should I place the validation script and how do I get it to fire only once?

@model MyProject.Models.Input

@{

Layout = null;

}

<script src="~/lib/jquery-validation/dist/jquery.validate.js"></script>

<script src="~/lib/jquery-validation-unobtrusive/dist/jquery.validate.unobtrusive.js"></script>

<script src="~/lib/jquery.unobtrusive-ajax/dist/jquery.unobtrusive-ajax.js"></script>

@*<form asp-controller="Home" asp-action="Edit"

data-ajax-begin="onBegin" data-ajax-complete="onComplete"

data-ajax-failure="onFailed" data-ajax-success="onSuccess"

data-ajax="true" data-ajax-method="POST">*@

<form asp-controller="Input" asp-action="Edit"

data-ajax-complete="onComplete"

data-ajax-failure="onFailed" data-ajax-success="onSuccess"

data-ajax="true" data-ajax-method="POST">

<input type="hidden" asp-for="InputID" />

<input type="hidden" asp-for="TemplateID" />

<label asp-for="Input" class=""></label>

<input asp-for="Input" autocomplete="off" class="k-textbox" />

<br />

<label asp-for="Description" class=""></label>

<input asp-for="Description" autocomplete="off" data-val="true" class="k-textbox" />

<span asp-validation-for="Description" class="text-danger"></span>

<br />

<label asp-for="DisplayOrder" class=""></label>

<kendo-numerictextbox for="DisplayOrder" format="0" />

<br />

<label asp-for="Format" class=""></label>

<input asp-for="Format" autocomplete="off" class="k-textbox" />

<br />

<input type="submit" value="Save" class="btn btn-primary" />

</form>

Window

answered on 28 Jun 2018

2 answers

3.3K+ views

preventDefault() in beforeEdit inserts a new row on Create

Hello,

we implemented an onBeforeEdit listener for our popup-editing-grid as follow:

this.beforeEditHandler = function (e) {
var isDirty = dataSourceIsDirty();
if (isDirty) {

...
e.preventDefault();
}
}

When dirty grid-items exist, the edit-popup should not appear. This works fine when trying to edit a row, the popup is not being shown. However, when we try to create a new dataItem, the popup does not appear also, but a new empty row is being added to the grid (see attachment).

Any idea of how to prevent the grid to insert an empty row?

Thanks.

Grid

answered on 27 Jun 2018

4 answers

586 views

[Solved] ListBox with checkboxes in a form

I have a small list of items that i need to present on a form. The user can select multiple items with the help of checkboxes. And after the user is done he needs to save the form.

I have seen a similar example on telerik products but for ajax

https://demos.telerik.com/aspnet-ajax/listbox/examples/functionality/checkboxes/defaultcs.aspx

Is there a way to implement the same functionality in Asp.Net Core?

ListBox

answered on 26 Jun 2018

2 answers

1.0K+ views

Styling not working for Grid

I'm porting an MVC application that uses Kendo UI to .NET Core. The existing application has considerable styling created by another team and the ported application needs to look like the old one. The new application is not picking up the old styles (I've double checked the css files and I'm sure they're all in the right location). When I look at the source on the old code, I see:

Wrapping the kendoGrid object. When I look at the source for the new code, I see:

Around the grid. Is there a difference between the MVC and .NET Core products in the way the default styles are specified? Is there a way to explicitly state what styles are used? Any idea what I might be missing between the old and new versions?

Grid

answered on 26 Jun 2018

1 answer

1.3K+ views

Styling not working for Grid

I'm porting an MVC application that uses Kendo UI to .NET Core. The existing application has considerable styling created by another team and the ported application needs to look like the old one. The new application is not picking up the old styles (I've double checked the css files and I'm sure they're all in the right location). My source looks like this:

<div class="col-md-10">
@(Html.Kendo().Grid<FundViewModel>()
.Name("grid")

....

When I look at the HTML source on the old code, I see:

Wrapping the kendoGrid object. When I look at the HTML source for the new code, I see:

Around the grid. Is there a difference between the MVC and .NET Core products in the way the default styles are specified? Is there any reference reading material that talks about styling in the .NET Core product? Is there a way to explicitly state what styles are used?

General Discussions