Questions on UI for ASP.NET Core Forum

4 answers

1.1K+ views

Grid not displaying any records in .NET Core 3.1

I've ported my app from .NET Framework MVC to .NET Core 3.1. The Kendo Grid displays OK and fetches data from the controller successfully (no javascript console errors). However despite the fact that 10 records are returned, the grid isn't actually rendering any rows. What could I be doing wrong?

Controller:

public ActionResult FetchUsers([DataSourceRequest] DataSourceRequest request)

{

var cardivationApi = GetCardivationApi();

var data = cardivationApi.GetUsersFiltered(request);

return new JsonResult(data);

}

View:

@(Html.Kendo().Grid<UserDtoV1>().Name("grid")

.Columns(columns =>

{

columns.Bound(p => p.FirstName).Title(DbRes.T("FirstName", "Labels"))

.Filterable(t => t.Cell(cell => cell.Operator("startswith").SuggestionOperator(FilterType.StartsWith).Delay(9999))

.Operators(o => o.ForString(d => d.Clear().StartsWith(DbRes.T("StartsWith", "Labels")).Contains(DbRes.T("Contains", "Labels"))))

.Extra(false));

[ cut for brevity ]

.Pageable(p => p.PageSizes(true).PageSizes(new[] { 10, 20, 50, 100 }).Messages(t => t.ItemsPerPage(DbRes.T("ItemsPerPage", "Labels"))))

.Filterable(ftb => ftb.Mode(GridFilterMode.Menu))

.HtmlAttributes(new { style = "min-height:500px;" })

.ProxyURL(Url.Action("ExcelExport", "Users"))

)

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(10)

.ServerOperation(true)

.Read(read => read.Action("FetchUsers", "Users"))

.Model(model => model.Id(t => t.UserID))

)

Thanks,

Nick

General Discussions

answered on 20 Aug 2020

2 answers

191 views

[Solved] Tag Helper - Expanded="false"

I am trying to put in a panel bar that is collapsed by default. I took the demo and changed the expanded value to false.

<kendo-panelbar name="project">

<items>

<panelbar-item text="Storage" expanded="false">

<items>

<panelbar-item text="Wall Shelving"></panelbar-item>

<panelbar-item text="Floor Shelving"></panelbar-item>

<panelbar-item text="Kids Storag"></panelbar-item>

</items>

</panelbar-item>

</items>

</kendo-panelbar>

The panel bar items are collapsed but the icon is set to "k-i-arrow-60-up" so it looks like it can still be collapsed.

I am also wanting to put content other than <panelbar-item> in there, so I was going to use the <content> tag instead f the <items> tag an then put a treeview in there. When I use the <content> tag, the content is always show, so I must be using this incorrectly. I know I can do it with the html helpers, but I like how the tag helpers look. Can I still do this with the tag helpers?

PanelBar

answered on 19 Aug 2020

1 answer

311 views

TreeView Checkbox problem

Hi everybody

I have a problem with kendo treeview checkboxes
i populated treeview with remote data, it binds correctly. I used "checked" property to send checked checkboxes to view, it works fine too.
i use 2 different method for sending checked node IDs to controller but does not work properly.
method1:
use java script to read nodes recursively and gather IDs then store in hidden field and send to controller but most of the times some nodes doesn't illustrate the check items thoroughly. in other words, I lose near half of checkboxes randomly.

method2:
using checkbox name and template and send checkboxes directly to the controller got same issue.

what can i do for this issue??
thanks

TreeView

answered on 19 Aug 2020

2 answers

758 views

Add All to Grid Pager's Page Size Dropdown Via Scripting

I am attempting to add an “All” option to the page size dropdown in a grid’s pagination so that the grid can display all items if needed.

Prior to updating to version R2 2020 we called a script that checked the page size <select> to see if “All” was present as an option. If not it would insert the text and value for the option. It was based on the method described here: Set All Page Size in Grid for ASP.NET Core. This no longer seems to work since the Pager component was updated. What would be the R2 2020 friendly version of that solution? Because calling that scripting breaks the grid’s Pager now and the buttons appear disabled with no change to the page size dropdown.

Grid

answered on 18 Aug 2020

3 answers

267 views

BodyTemplateId

Currently in Splitter, when adding a new pane, I can use LoadContentFrom("Action","Controller") to load content

For a TitleLayout, when adding a new container, I can only use BodyTemplateId("stringTemplateID")

Is there a way for me to simulate BodyTemplateId ("Action","Controller") to load data into TitleLayout from a Controller/Action?

Thanks.

TileLayout

answered on 18 Aug 2020

1 answer

101 views

Kendo UI - Change color for all highlight & hover

Hi,

How can I change the default color for all highlighting , hover & mouse - over for an application.

General Discussions

answered on 18 Aug 2020

3 answers

720 views

[Solved] Is there a way to make default popup editor readonly

I want to display 4 or 5 columns and 3 or 4 columns that are hidden in the grid. I want to create a custom command to show the all the columns in a readonly fashion.

Basically, use the default dialog for popups and make it readonly. Can it be done?

Thanks … Ed

Grid

answered on 17 Aug 2020

1 answer

69 views

Opening an event then dragging the window changes the window colour

Hello,

Opening an event in the schedule and then dragging the window that loads as a result makes the window's background colour to change. It seems to be changing to match the overlay background colour. I can recreate this using the example provided on your documentation

https://demos.telerik.com/aspnet-mvc/scheduler

I've tried this using chrome and firefox and the behavior is the same.

Is this default/expected behavior? Is there any way to override this?

Thanks

Tom

Scheduler

answered on 17 Aug 2020

1 answer

572 views

Problem with form components when loading partial view containing form components

I am using .net core mvc version

I have a partial view that I'm loading using a jquery .load

The partial contains a form, which contains some kendo dropdowns and a kendo editor

Whenever the load completes and the partial view renders in the target div, I see a console error relating to each of the kendo components

VM2091:1 Uncaught TypeError: jQuery(...).kendoDropDownList is not a function
at <anonymous>:1:48
at Object.n [as syncReady] (VM2083 kendo.aspnetmvc.min.js:25)
at <anonymous>:1:7
at DOMEval (jquery.js:111)
at domManip (jquery.js:5762)
at jQuery.fn.init.append (jquery.js:5898)
at jQuery.fn.init.<anonymous> (jquery.js:5992)
at access (jquery.js:3939)
at jQuery.fn.init.html (jquery.js:5959)
at Object.<anonymous> (jquery.js:9892)

When i pull out the code that failed and execute it in the browser console, it works and suddenly the kendo form components work fine again.

an example of the code thats failing is this line

kendo.syncReady(function(){jQuery("#ClientId").kendoDropDownList({"autoBind":true,"dataTextField":"Text","dataValueField":"Value","optionLabel":"Select client...","value":"33526","filter":"contains","dataSource":{"transport":{"read":{"url":"/Client/ClientSelect_Read","data":function() { return kendo.ui.DropDownList.requestData(jQuery("#ClientId")); }},"prefix":""},"serverFiltering":true,"filter":[],"schema":{"errors":"Errors"}}});});

Can anyone tell me how to resolve this error?

General Discussions