Questions on UI for ASP.NET MVC Forum

2 answers

1.1K+ views

I am using version 2019.1.220 with Kendo UI for ASP.NET MVC, having upgraded recently from 2016.1.112, and I am now getting a Javascript error: "n is not a constructor". My chart is fairly simple:

@(Html.Kendo().Chart(Model.Errors)

.Name("AppErrorsChart")

.Title("Error BreakDown By % Frequency?")

.Legend(legend => legend

.Position(ChartLegendPosition.Top)

)

.Series(series =>

{

series.Pie<int>(model => model.Count, model => model.Type)

.Labels(labels => labels

.Visible(true)

.Template("#= category # - #= kendo.format('{0:P}', percentage)#")

);

})

.Tooltip(tooltip => tooltip.Visible(true).Template("#= dataItem.Error# (#= value#)").Color("#FFF"))

.Events(e => e.SeriesClick("onCategorySeriesClick").AxisLabelClick("onCategorySeriesClick")

)

Here is a Dojo that I created that demonstrates this: https://dojo.telerik.com/OBUzIVif

The error is in kendo.web.js, as shown in the attached screenshot.

Please advise on a course of action. Thank you.

Chart

answered on 11 Mar 2019

3 answers

551 views

Why many Web Font Icon showed black triangle?

Hello,

I try to use some web font icons on my project buttons but found many of them showed as same black small triangle. for example 'k-i-search' displayed as expected. but 'k-i-folder-open' and many others always showed as black triangle. Could any one tell me how to resolve the issue?

Thanks.

@(Html.Kendo().Button()
    .Name("search")
    .Tag("span")
    .Content("Search")
    .Icon("k-icon k-i-search") <--Good
)

@(Html.Kendo().Button()
    .Name("open")
    .Tag("span")
    .Content("Open")
    .Icon("k-icon k-i-folder-open") <--showed black triangle
)

Button

answered on 08 Mar 2019

3 answers

416 views

Hierarchical display in a list view

Hi,

I want to display the forum like list view using Telerik Kendo ListView and did not find any proper solution. I did not want to use the hierarchical grid or the treelist view since I did not want to display it like a grid. Please let me know if there is any solution which I can try. I am using the below versions.

IDE: Visual Studio 2015 Professional

.Net Framework : 4.6.2

UI for ASP.NET MVC : 2017.3.1018.545

SQL Server : SQL Server 2016

I want something like the below link. Not exactly the same but wanted to reuse list view with hierarchy.

https://social.msdn.microsoft.com/Forums/vstudio/en-US/6df3b1bc-bbd8-493b-aaf2-26cdb9ee36b9/does-anybody-know-how-to-convert-a-ipicturedisp-to-an-outlook-picture?forum=outlookdev

ListView

answered on 08 Mar 2019

9 answers

442 views

Using inline/incell kendo validation tooltips with popup edit mode

Would like to use kendo validation error tooltips for a cell on a grid. But the grid uses popup editing mode. The cell in question is a clienttemplate with checkbox input.

Is it possible to activate the kendo validation tooltip for a cell even when the grid as a whole uses popup editing mode, or does it have to be incell or inline?

Grid

answered on 08 Mar 2019

3 answers

307 views

Connected listboxes not accepting dropped in values

I have 2 Kendo UI Listboxes, I am not able to drag items from Model.PTLUser.RolesToRemove to the other listbox. I dont see any javascript errors in the console. My code currently looks like this.

<div role="application" class="" id="RolesList">

@(Html.Kendo().ListBox()

.Name("Model.PTLUser.RolesToRemove")

.DataValueField("RoleName")

.DataTextField("RoleName")

.Draggable(true)

.DropSources("Model.PTLUser.RolesToAssign")

.ConnectWith("Model.PTLUser.RolesToAssign")

.BindTo(Model.RolesAvailable)

.Selectable(ListBoxSelectable.Single)

)

@(Html.Kendo().ListBox()

.Name("Model.PTLUser.RolesToAssign")

.DataValueField("RoleName")

.DataTextField("RoleName")

.Draggable(true)

.DropSources("Model.PTLUser.RolesToRemove")

.ConnectWith("Model.PTLUser.RolesToRemove")

.BindTo(new List<string>())

.Selectable(ListBoxSelectable.Single)

)

</div>

ListBox

answered on 07 Mar 2019

1 answer

686 views

Kendo Grid Sort Compare

Hi Guys,

I need to sort the column into alpha numeric using server side sorting.

The expected result would be like this below:

Test1

Test2

Test10

Test100

But the actual result becomes like this:

Test1

Test10

Test100

Test2

This can be sorted using sort compare in client side but on server side sorting, the sortCompare is always null.

Does anyone know how to properly sort this on server side?

Thanks

Grid

answered on 06 Mar 2019

3 answers

202 views

Models for demos

I am creating a treeview, loaded from remote hierarchical data, similar to

http://demos.telerik.com/aspnet-mvc/treeview/remote-data-binding

I am trying to understand this line in the controller:

hasChildren = e.Employees1.Any()

I assume that the employee model has a property where it checks for children. Where can I actually look at the model? Can I download all the demos along with the data model?

TreeView

answered on 06 Mar 2019

6 answers

416 views

Using external templates in MVC grid

What is the equivalent to this in MVC

rowTemplate: kendo.template($("#rowTemplate").html()),

Thanks

Grid

answered on 06 Mar 2019

4 answers

1.8K+ views

No data message not displaying for server bound grid

I have server bound grid and a set message to be displayed when no data exists. Below is my aspx view for the grid:

<% Html.Kendo().Grid(Model.BillingReport)

.Name("billing_grid")

.Columns(columns =>

{

columns.Bound(c => c.BillDate).Format("{0:M/d/yyyy}");

columns.Bound(c => c.Account);

columns.Bound(c => c.BillProgram);

columns.Bound(c => c.Total).Format("{0:c}");

})

.NoRecords("No records found.")

.Resizable(resizable => resizable.Columns(true))

.DataSource(dataSource => dataSource.Server())

.Render(); %>

On the rendered page, I see the column headers and nothing in the grid. On the browser code, I see:

<tr class="k-no-data">

<td colspan="5"></td>

</tr>

Why am I not seeing the message?

Grid

answered on 04 Mar 2019

1 answer

205 views

[Solved] Is there any Kendo UI control equivalent to RadFileExplorer control?

Hello Kendo UI support team,

We need convert legacy APS.NET Form based project to MVC. In legacy project we used Telerik RadFileExploer control to handle file management. But I did not find equivalent control in Kendo UI. Is there any similar control in Kendo UI?

Thanks in advance!

General Discussions

answered on 01 Mar 2019