Questions on UI for ASP.NET Core Forum

3 answers

484 views

Grid read action misuse the ApiController

HI

Why the Grid read action (include javascript grid.dataSource.read() function use "api" url ???

ERROR : POST http://localhost:31466/api/AppM010/GetSomeList 415 (Unsupported Media Type)

View

.Read(read => read.Action("GetSomeList", "AppM010").Data("..."))

Javascript

grid.dataSource.read()

There have Controller/ApiController with the same class/method name and different namespace in application :

namespace App1.ApiControllers
{
[ApiController]
[ProducesAttribute("application/json"]
[Route("api/{controller}/{action}")]
public class AppM010Controller : BaseController
{
public AppM010Controller()
{
}

[HttpPost]
public IList<TSomeView> GetSomeList(...)
{

namespace App1.Controllers
{
public class AppM010Controller : Controller
{
public AppM010Controller()
{
}

public ActionResult GetSomeList([DataSourceRequest]DataSourceRequest request, ...)
{

*Don't ask me change the Controller/ApiController or method name.

Nobody knows there have the [ApiController] attribute for ApiController ??
I don't want any component action use the ApiController.

I think the component action got the wrong controller via action name only.
Not only the Grid, othere component is the same.

Fix this BUG as soon as possible, please.

Best regards

Chris

Grid

answered on 19 Nov 2019

7 answers

118 views

Render from dynamically added partial view

I'm attempting to add multiple partial views based on the click of a button. I have various controls including a date/time picker. This works with the initial page loaded instance (index 0) however once I try to add the 2nd (index 1) from an AJAX call, the controls render but not with the Kendo UI front. Attached file is a screen shot of the result when a new instance of the partial view is added. What am I doing wrong that they will not render with the Kendo front?

Partial View:

<div class="col-12 col-md-3 col-lg-3 col-xl-3 order-1">

<kendo-datetimepicker id="MyCollection[@Model.CollectionIndex].StartDateTime" format="{0:g}" class="w-100" />

</div>

Controller:

public PartialViewResult SplitTime(int newIndex)

{

return PartialView("_TimeRow", new MyModel() { CollectionIndex = newIndex });

}

Date/Time Pickers

answered on 19 Nov 2019

14 answers

160 views

VS2019 hangs when Telerik ASP.NET Core is active

Hello,

When extension ASP.NET Core VSExtensions (2019.1.403.1) is installed and active, VS2019 hangs when started from JumpList (rightclick on the vs shortcut in the Taskbar). The only option left is to kill the process.

This problems sometimes occurs when solution is opened from the new start screen, but it happens less frequently.

When disabling the extension, everything is working fine.

Installer and VS Extensions

answered on 19 Nov 2019

7 answers

746 views

.net core cross-platform development workload required for VS2019

Just an FYI for anyone who encounters the same issue i did.

I wanted to use Telerik UI for .Net Core however in VS2019, only the MVC options were available.

I checked the Progress Installer, but the option to enable VS2019 support was disabled in the Progress Installer.

The info tooltip says: "Requires Microsoft Visual Studio 2019 with .net core cross-platform development workload"

So I reran the VS Installer, but I had already installed the .net core cross-platform workload previously.

After googling and finding nothing online, I tried the VS installer again. I checked individual components.

I saw that core 3 sdk wasn't selected. I added that and scrolled through the full list looking for anything that may have to do with the latest .net core framework and web development.

After that was done, the Progress Installer option to support VS 2019 was available.

So if you have a similar issue, check the individual components tab on the VS installer.

Thanks,

Bruce

Installer and VS Extensions

answered on 19 Nov 2019

4 answers

776 views

Core 3.0 toDataSourceResult Exceptions

Using EF Core 3.0 and Telerik Version 2019.3.1023.

Several controls are throwing exceptions from the toDataSourceResult Method on IQueryable Types.

These queries all worked on EF Core 2.2

example 1. Has filtering on the name fields from a kendo autocomplete

The LINQ expression 'Where, Person>>( source: OrderBy, Person>, string>( source: LeftJoin, Person, Nullable, TransparentIdentifier, Person>>( outer: Join>( outer: DbSet, inner: DbSet, outerKeySelector: (u) => u.UserInfoId, innerKeySelector: (u0) => u0.UserInfoId, resultSelector: (u, u0) => new TransparentIdentifier( Outer = u, Inner = u0 )), inner: DbSet, outerKeySelector: (ti) => ti.Outer.PersonId, innerKeySelector: (p) => (Nullable)p.PersonId, resultSelector: (ti, p) => new TransparentIdentifier, Person>( Outer = ti, Inner = p )), keySelector: (ti0) => ti0.Outer.Outer.LastName), predicate: (ti0) => Format( format: "{0}, {1}", arg0: ti0.Outer.Outer.LastName, arg1: ti0.Outer.Outer.FirstName).ToLower().Contains("powell"))' could not be translated. Either rewrite the query in a form that can be translated, or switch to client evaluation explicitly by inserting a call to either AsEnumerable(), AsAsyncEnumerable(), ToList(), or ToListAsync(). See https://go.microsoft.com/fwlink/?linkid=2101038 for more information.

public JsonResult GetUsers([DataSourceRequest]DataSourceRequest request)

{

try

{

IQueryable<UserInfoViewModel> model = UserInfoListQuery.Get((SecurityEntities)this.DbContext);

DataSourceResult result = model.ToDataSourceResult(request);

return Json(new DataSourceResult { Data = result.Data, Errors = null, Total = result.Total });

}

catch (Exception ex)

{

}

public static IQueryable<UserInfoViewModel> Get(SecurityEntities ctx, Nullable<bool> showAuthorized, Nullable<bool> showEmployees)

{

users = (from ui in ctx.UserInfo join us in ctx.UserInfoStatistic on ui.UserInfoId equals us.UserInfoId join p in ctx.Person on ui.PersonId equals p.PersonId into people from person in people.DefaultIfEmpty() orderby ui.LastName select new UserInfoViewModel() { FirstName = ui.FirstName, LastName = ui.LastName, });

return users;

}

Example 2. has kendo grid inital sorting on a DateTime that was converted to a string

The LINQ expression 'OrderByDescending( source: Where( source: DbSet, predicate: (a) => a.UserInfoId == (Unhandled parameter: __userInfoId_0)), keySelector: (a) => a.RecordModifiedDateTime.ToString("g"))' could not be translated. Either rewrite the query in a form that can be translated, or switch to client evaluation explicitly by inserting a call to either AsEnumerable(), AsAsyncEnumerable(), ToList(), or ToListAsync(). See https://go.microsoft.com/fwlink/?linkid=2101038 for more information.

public static IQueryable<AuthenticationLogViewModel> GetAuthenticationLogForUser(SecurityEntities ctx, int userInfoId)

{

return (from al in ctx.AuthenticationLog

where al.UserInfoId == userInfoId

orderby al.RecordModifiedDateTime descending

select new AuthenticationLogViewModel()

{

ModifiedDate = al.RecordModifiedDateTime.ToString("g"),

}

public JsonResult GetAuthenticationLogForUser([DataSourceRequest]DataSourceRequest request, int userInfoId) { try { IQueryable<AuthenticationLogViewModel> model = AuthenticationLogQuery.GetAuthenticationLogForUser((SecurityEntities)this.DbContext, userInfoId); DataSourceResult result = model.ToDataSourceResult(request); return Json(new DataSourceResult { Data = result.Data, Errors = false, Total = result.Total }); } catch (Exception ex) { } }

General Discussions

answered on 19 Nov 2019

1 answer

84 views

Unable to display SVG inside Grid Column Template

In CSHTML page, I am able to display the icon image that is in SVG.

However, it is not being displayed when it is bounded to Template column in Grid.

Code for CSHTML

@(Html.Kendo().Grid<UserModel>()
.Name("Grid")
.Columns(columns =>
{ columns.Template("#=actionTemplate(data)#").Title("Actions").Media("(min-width: 450px"); })))

Please advise

Grid

answered on 18 Nov 2019

3 answers

216 views

Dropdown Menu in Grid Row with Authorization Service

Hello. I am trying to create the below inside a Grid.

<div class="btn-group">
<button data-toggle="dropdown" class="btn btn-outline-dark btn-sm"><i class="fa fa-ellipsis-h"></i></button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" asp-page="./Details" asp-route-id="@item.ID"><i class="fa fa-eye"></i> Details</a></li>
@if ((await AuthorizationService.AuthorizeAsync(
User, item,
PaymentOperations.Update)).Succeeded)
{
<li><a class="dropdown-item" asp-page="./Edit" asp-route-id="@item.ID"><i class="fa fa-pencil"></i> Edit</a></li>
}
@if ((await AuthorizationService.AuthorizeAsync(
User, item,
PaymentOperations.Delete)).Succeeded)
{
<li><a class="dropdown-item" asp-page="./Delete" asp-route-id="@item.ID"><i class="fa fa-trash"></i> Delete</a></li>
}
</ul>
</div>

Sample Code will be much appreciated.

Regards.

Grid

answered on 18 Nov 2019

3 answers

90 views

Display Grid

Hi, this is my first time exploring the Grid in ASPNET.CORE. I am unable to display the grid on the page with the bare minimum by following the Grid Example (Index Controller and View). Please be rest assured that there is data being returned by the repository.

I am assuming that the Findings_Read([DataSourceRequest] DataSourceRequest request) will be called upon loading. However, it is not called at all. This is not the case when running the Telerik Trial Examples.

Please see the attached files for what I have written.

Let me know what am I missing here.

Grid

answered on 18 Nov 2019

1 answer

72 views

Aitoincremement Id for new rows with child grid

Hello,

I am trying to create a row with a nested grid template. In order to post for creation of new record in database I need to relate the child grid with the parent grid. If I add more rows I need this Id to increment, so parent and child grid will have the same Id.

How can I manage this? am I doing it the correct way? May you please provide me with an example?

Grid

answered on 18 Nov 2019

1 answer

60 views

Drag and Drop between two TreeLists

Is there any example, how to drag and drop between two TreeLists like in the Drag and Drop example from Ajax: https://demos.telerik.com/aspnet-ajax/treelist/examples/itemsdragdrop/defaultcs.aspx

TreeList

answered on 15 Nov 2019