Questions on UI for ASP.NET Core Forum

3 answers

605 views

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

207 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.0K+ 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

3 answers

230 views

Possible wrong Polish localization

Hi, collegues

i do simple test multilanguage site and has possible trouble: use pl culture and calendar display dates in format dd.MM.yyyy. But ASP.Net Core 3.1 with Polish culture dont accept values in this format for DateTime.TryParse. Look at kendo.culture.pl.min.js and found format section:

patterns: {
d: "dd.MM.yyyy",
D: "dddd, d MMMM yyyy",
F: "dddd, d MMMM yyyy HH:mm:ss",
g: "dd.MM.yyyy HH:mm",
G: "dd.MM.yyyy HH:mm:ss",
m: "d MMMM",
M: "d MMMM",
s: "yyyy'-'MM'-'dd'T'HH':'mm':'ss",
t: "HH:mm",
T: "HH:mm:ss",
u: "yyyy'-'MM'-'dd HH':'mm':'ss'Z'",
y: "MMMM yyyy",
Y: "MMMM yyyy"
}

but simple test with net console display for me:
Format:d, value: 2021-02-05
Format:D, value: 5 lutego 2021
Format:F, value: 5 lutego 2021 17:17:07
Format:g, value: 2021-02-05 17:17
Format:G, value: 2021-02-05 17:17:07
Format:m, value: 5 lutego
Format:M, value: 5 lutego
Format:s, value: 2021-02-05T17:17:07
Format:t, value: 17:17
Format:T, value: 17:17:07
Format:u, value: 2021-02-05 17:17:07Z
Format:y, value: luty 2021
Format:Y, value: luty 2021

I'm found this text: Poland adopted the ISO 8601 standard for date format in official, especially electronic, communication in 2002. For everyday usage and for less official papers, however, the traditional formats d.m.[yy]yy or dd.mm.[yy]yy (i.e., 7.8.2008, 07.08.2008, 07.08.08) are very common in Poland because of speaking order: "day month year".

I think, we have inconsistent behaviour in client and server parts.

PS I'm not Polish and can't told which format is correct.

Sincerelly yours,

Calendar

answered on 11 Feb 2021

6 answers

508 views

Grid does not render with Commands

I am attempting to create a grid that has the Edit (Update) command available.

When I run the application with the edit options commented out it renders, but when I leave them in I get no errors on the front end and the page is blank. The read controller is not even being hit.

Here is the view code. Any ideas? It seems adding the Edit options somehow breaks the grid.

@using Kendo.Mvc.UI

@(Html.Kendo().Grid<HoldingOvenEditor.Models.HOGridModel>()

.Name("grid")

.Columns(columns =>

{

columns.Bound(p => p.OvenName);

columns.Command(command => { command.Edit(); }).Width(160); //<= Comment this out to work correctly

})

.Editable(editable => editable.Mode(GridEditMode.PopUp)) //<= Comment this out to work correctly

.DataSource(dataSource => dataSource

.Ajax()

.Model(model => {

model.Id(p => p.OvenName);

model.Field(x => x.OvenName).Editable(true);

})

.Read(read => read.Action("ResourceGrid_Read", "Grid"))

.Update(update => update.Action("EditingPopup_Update", "Grid")) //<= Comment this out to work correctly

)

Grid

answered on 11 Feb 2021

1 answer

135 views

Load children on initialize last data bound

I need to display a hierarchy with checkboxes. For this I want to use TreeView. After the hierarchy finishes loading I have to do some actions. So the TreeView is configured with LoadOnDemand: false and a function is attached to the "dataBound" event. However it seems that the data bound is called after every call to the server. Is there an event that is triggered after all the nodes have been loaded? How can I know that the databound is the last one (all the nodes have been loaded)?

TreeView

answered on 11 Feb 2021

3 answers

441 views

Validation Message Bubble

Hello,

is there any way to display a Validation-Message Bubble like in a grid Editor in a TextBox?
I.e. I have this code:

Model:

public class Promotion

{

[StringLength(10]

[RegularExpression("^\\$?[A-Z0-9]+$")]

[Required()]

public String Code { get; set; }

....

}

View:

@using (Html.BeginForm())

{

<div>

@(Html.LabelFor(model => model.Promotion.Code))

@(Html.Kendo().TextBoxFor(model => model.Promotion.Code))

</div>

}

If, for example, I leave it empty or enter lowercase letters into this TextBox, I would like it to show a Validation-Error-Bubble just like in a Grid Editor.

Thank you

General Discussions

answered on 11 Feb 2021

3 answers

110 views

Update spreadsheet without destroying layout

Hello Experts,

Is there a way to update the data rows and columns of a sheet after a read on the dataSource's model without it destroying the layout of the entire page?

Many thanks in advance

64d1

Spreadsheet