Questions on UI for ASP.NET Core Forum

6 answers

1.3K+ views

Hi, I've gone through all of the documentation and spent quite a bit of time on the forums. I have yet to find an example of creating a custom filter for a column via TagHelpers. Is this possible with the current API?

I've noticed that if you define a filterable block on a column, that there is the 'filter-ui' and 'item-template', but neither of those appear to do anything, no errors are thrown and there is no intellisense. I went through the JavaScript API for those and it doesn't make much sense in the context of the TagHelper.

I'm just trying to create a filter that has a dropdown with check boxes for all known types, I know these types at development time so don't need to make a request to get them. Is this possible?

Thanks

Grid

answered on 19 Feb 2021

1 answer

538 views

MindMap or other

Hello, are there any plans to develop this functionality as for ajax or wpf? add another type of diagram, mindmap, be able to make the shapes you want, the number of entries you want?

Diagram

answered on 19 Feb 2021

2 answers

119 views

Vertical Chart

I am looking for a way to implement a vertical chart. Practically rotate it 90 deg. As of now i have not found a setting for that. I am curently useing css transform rotate. but it is very messy for me.
Exmaple attached as a file.

Chart

answered on 18 Feb 2021

2 answers

118 views

TreeList doesn't reflect new item

Tree list is not getting updated after adding a new item.

TreeList

answered on 18 Feb 2021

3 answers

1.0K+ views

.NET Core Grid - Batch with Inline Edit

Hi there,

I can see from your Batch editing demo that the grid is configured to use InCell editing mode. However, I am trying this with InLine editing mode:

@(Html.Kendo().Grid(Model.MapDetails)

.Name("MapDetails")

.Columns(columns =>

{

columns.Bound(p => p.Scale).Title("Scale");

columns.Bound(p => p.PageNo).Title("PageNo");

columns.Command(command => { command.Edit(); command.Destroy(); });

})

.Editable(editable => editable.Mode(GridEditMode.InLine))

.ToolBar(toolbar =>

{

toolbar.Create();

})

.DataSource(dataSource => dataSource

.Ajax()

.Batch(true)

.PageSize(20)

.ServerOperation(false)

)

However, when attempting to save the row, the grid is failing as it is attempting to trigger a POST action - it does not appear to be respecting the Batch edit mode.

The reason for I am trying this is that using InCell editing it is letting me complete a row without actually triggering all client side validation. For example, using InCell editing:

Click Add New Record
New row added, Scale cell selected in first column - client side validation enabled for this
I can complete this cell and then Add the row to the datasource - without the validation being triggered for the second cell in the Page No column.

This is not ideal - using Inline editing, whole row goes into edit mode and all client side validation is triggered. Can you advise if this mode is supported with batch editing and if not, is there a suitable workaround you could suggest?

Thanks

Grid

answered on 17 Feb 2021

3 answers

171 views

ToolBar Cancel Button IconClass?

Hello,

How to set the IconClass of the ToolBar Cancel Button?
I cannot find that property

toolbar.Save().CancelText("Verwerfen").Text("Speichern").IconClass("fa fa-save");
toolbar.Excel().IconClass("fa fa-file-excel");

robert

Grid

answered on 16 Feb 2021

3 answers

610 views

Use PartialPage on Wizard Step

I cannot seem to get a partial page to render properly on a wizard step. Can anyone locate a code example that accomplishes this?

What I have is:

@(Html.Kendo().Wizard()

.Name("wizard")

.HtmlAttributes(new { @novalidate = "" })

.Steps(steps =>

{

steps

.Add().ContentId("upload")

.Buttons(b =>

{

b.Next();

});

steps

.Add().ContentId("validate")

.Buttons(b =>

{

b.Previous();

b.Next();

});

})

.Events(events =>

{

events.Done("onWizardDone");

}))

<script id="uploadBillOfLading" type="text/kendo-template">

@await Html.PartialAsync("_Upload")

</script>

<script id="validateBillOfLading" type="text/kendo-template">

@await Html.PartialAsync("_Validate")

</script>

The result is for step 1 (upload) to be displayed as though it were part of the wizard and step 2 (validate) is also displayed but partially in the wizard and partially outside...clearly the wizard is showing all step markup at all time. Do I have to hide/show the step markup pragmatically?

Any and all assistance is appreciated.

Marc.

Wizard

answered on 16 Feb 2021

6 answers

215 views

Update spreadsheet datasource model

Hi all,

I've created a spreadsheet app that uses a dropdown list in a similar fashion to this: http://dojo.telerik.com/@nenchef/ojEWU/3

I would like to update the data in the spreadsheet when I make a selection in the dropdown. The problem I'm having is that I can't seem to trigger a

read or the model's accessor methods. The best I've been able to do is trigger a change on the spreadsheet like this:

model.bind("change", function (e)
{
var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet");
spreadsheet.trigger("change");

});

Any help appreciated.

Best

DropDownList

answered on 15 Feb 2021

3 answers

1.1K+ views

Grid Date Filter Value Missing Time Zone

When using a date filter on a column bound to a DateTime value the value submitted is truncated and doesn't contain the time zone information.

c.Bound(x => x.Created)

.Filterable(f => f

.Operators(o => o.ForDate(d => d.Clear().IsGreaterThanOrEqualTo("On or after").IsLessThan("Before")))

.Extra(true)

.UI(GridFilterUIRole.DateTimePicker)

);

If the user selects 2/5/2021 12:00 PM and (for example) the users time zone is Australia/Sydney, the following is send with the request:

filter: Created~gte~datetime'2021-02-05T12-00-00'

As the time zone information is omitted model binding assumes this is a local time in the time zone the server is operating in.

See also https://github.com/telerik/kendo-ui-core/issues/5737 (which was erroneously closed) and https://github.com/telerik/kendo-ui-core/issues/5306 (which has been open for over a year).

Using:

<PackageReference Include="Telerik.UI.for.AspNet.Core" Version="2021.1.119" />
"@progress/kendo-theme-bootstrap": "^4.30.0",
"@progress/kendo-theme-default": "^4.32.0",
"@progress/kendo-ui": "^2021.1.119",

Grid

answered on 12 Feb 2021

4 answers

2.7K+ views

services.addKendo() issue

Hi! im trying to migrate project from .net core2.2. to .net core3.0.

when i add line

services.AddKendo();

i get an error:

System.AggregateException: 'Some services are not able to be constructed (Error while validating the service descriptor '

ServiceType: Kendo.Mvc.Rendering.IKendoHtmlGenerator Lifetime: Transient ImplementationType: Kendo.Mvc.Rendering.KendoHtmlGenerator

': Could not load type 'Microsoft.AspNetCore.Mvc.Internal.ClientValidatorCache' from assembly 'Microsoft.AspNetCore.Mvc.Core, Version=3.0.3.0, Culture=neutral, PublicKeyToken=adb9793829ddae60'.)'

without this line, everything works fine

i use kendo.mvc dll , 2019.1.220.0 version

any soluiton?

General Discussions

answered on 12 Feb 2021