Questions on UI for ASP.NET Core Forum

3 answers

57 views

Image editor in R3 2020 features

Can you share what features the image editor will have for ASP.Net Core in the R3 2020 release? Will it be more than the crop and resize listed in the roadmap on your site?

General Discussions

answered on 21 Jul 2020

7 answers

363 views

Export via TagHelpers

Didn't see this anywhere in the documentation. How exactly would I set up the toolbar with an Excel export options. I know with HtmlHelpers I would do

.ToolBar(tools => tools.Excel())

But i'm not seeing any way to do that with the TagHelpers <excel /> and <toolbar></toolbar>.

Thanks in advance.

Grid

answered on 20 Jul 2020

1 answer

236 views

Web Mail Sample App For ASP.NET Core

Do you have any plans to port the Web Mail sample application from ASP.NET MVC to ASP.NET Core?

It's one of the more real world samples and it would be beneficial to see an implementation using the latest features such as Razor Pages.

General Discussions

answered on 20 Jul 2020

4 answers

81 views

allday style error on weekview

Hi,

When i show week view with events take allday i get this style not good like my attachment, their is no space between events in week view with allday events

Scheduler

answered on 19 Jul 2020

1 answer

125 views

Kendo-datepicker object not displaying

Agregue un kendo-datepicker en un proyecto principal asp.net, pero la ejecución del proyecto no muestra el objeto kendo, que debe hacerse

Date/Time Pickers

answered on 16 Jul 2020

6 answers

309 views

Drag and Drop not hitting update action

Hi,

I have this config below for a treelist. You can see that I have enabled drag and drop by setting move to true.

I would expect, when I drag and drop an item from one parent to another, that the "update" action defined in my controller is hit with the model containing the parentId of the new parent, but the "update" action on the controller is not being hit !

What am I missing ?

@(Html.Kendo().TreeList<AccountGroupModel>()

.Name("tlAccountGroup")

.Toolbar(toolbar =>

{

toolbar.Create();

})

.Columns(columns =>

{

columns.Add().Field(f => f.Name);

columns.Add().Command(c =>

{

c.Edit();

});

})

.Editable(editable => editable.Move(true))

.DataSource(datasource =>

datasource

.Model(model =>

{

model.Id(m => m.Id);

model.ParentId(m => m.ParentId);

model.Field(m => m.Name);

})

.Read(read => read.Action("AccountGroups_Read", "AccountGrouping"))

.Create(create => create.Action("AccountGroups_Create", "AccountGrouping"))

.Update(update => update.Action("AccountGroups_Update", "AccountGrouping"))

))

My controller actions look like this:

public async Task<JsonResult> AccountGroups_Read([DataSourceRequest] DataSourceRequest request)

{

var models = await accountGroupingService.GetAccountGroupsAsync();

return Json(models.ToTreeDataSourceResult(request, e => e.Id, e => e.ParentId, e => e));

}

public async Task<JsonResult> AccountGroups_Create([DataSourceRequest] DataSourceRequest request, AccountGroupModel model)

{

if (model != null && ModelState.IsValid)

{

model = await accountGroupingService.SaveAccountGroupAsync(model);

}

return Json(new[] {model}.ToTreeDataSourceResult(request, ModelState));

}

public async Task<JsonResult> AccountGroups_Update([DataSourceRequest] DataSourceRequest request, AccountGroupModel model)

{

if (model != null && ModelState.IsValid)

{

model = await accountGroupingService.SaveAccountGroupAsync(model);

}

return Json(new[] { model }.ToTreeDataSourceResult(request, ModelState));

}

TreeList

answered on 15 Jul 2020

2 answers

88 views

DropDownList Loosing Selected Value After Long Running Filter Returns Values

We have a situation when a user is using a filterable DropDownList they input part of the "contains" filter in the search bar "Hamilton," After 3 chars the filter starts to call the method to filter the results. While the user keeps entering data "Hamilton, Tim" the initial return values for the 1st 3 chars returns and they select a value from that list. Then the remaining value(s) return from the "Hamilton, Tim" query and clears out the selected value.

Is there a way to disable this from happening when they select a value and in effect disregard any additional filtering based on the fact that they selected a value

DropDownList

answered on 15 Jul 2020

5 answers

227 views

Endless scrolling in different views

Hi,

I am working on grid that runs with two views: all accounts and only favourites accounts. Grid has defined endless scrolling. When I switch this views after application start everything is OK. But when I load "next" accounts (by scrolling) view with favourites contains all accounts. I see data from read and there is correct number of accounts. It seems grid has some data from past. Is there any way how to refresh all grid data?

I tried clear data by

"$('#AccountGrid').data('kendoGrid').dataSource.data([]);"

but in favourite accounts view is nothing and in all account view only first page is reloaded by scrolling.

Thanks for any reply.

Grid

answered on 14 Jul 2020

3 answers

94 views

Datasource empty until a typed search occurs

I'm binding an AutoComplete to data server-side and it may, conditionally, already have a value set. I want to make sure that the user cannot add values that are not in the list so I've added a script that searches the dataSource for the value before the form is submitted. The problem seems to be when the textbox is given a value server-side, so it's never typed in or searched client-side before submitting, the dataSource .view() and .data() are empty (so it thinks my text is invalid). How can I get my dataSource to include the data without the user typing in the textbox?

01.@(Html.Kendo().AutoComplete()

02. .Name("ac-selected-gym")

03. .BindTo(Model.AvailableLocations)

04. .DataTextField("GymName")

05. .Filter("contains")

06. .MinLength(1)

07. .HtmlAttributes(new { @class = "form-control", data_selected_gym = "", aria_describedby = "selectedGymHelp" })

08. .Placeholder("Select your gym")

09. .Value(Model.AvailableLocations.Where(f => f.Id== Model.SelectedId).FirstOrDefault()?.GymName)

10. .Events(e => e.Change("sso.saml2.onGymChange"))

11. )

01.function getSelectedGym($flnAc) {

02. var selectedGym;

03.

04. var value = $flnAc.value();

05. var gymData = $flnAc.dataSource.view(); //This actually appears to return only the current match (or nothing)

06.

07. var searchSource = function (dataSource, gymName) {

08. var matchedGym;

09. for (var x = 0, length = dataSource.length; x < length; x++) {

10. if (dataSource[x].GymName === gymName) {

11. matchedGym = dataSource[x];

12. break;

13. }

14. }

15. return matchedGym;

16. };

17.

18. selectedGym = searchSource(gymData, value);

19.

20. //dataSource.view() may not have our item in it e.g. if the textbox was pre-filled server-side rather

21.

//than typed client-side, so search the whole list if not found. (Couldn't find a way to tell the control to update its datasource)

22. if (!selectedGym) {

23. gymData = $flnAc.dataSource.data();

24. selectedGym = searchSource(gymData, value);

25. }

26.

27. return selectedGym;

28.}

As you can see I tried to work around .view() being empty but then found that .data() is also empty. I also tried triggering the change event on load, but it was still empty.

AutoComplete

answered on 14 Jul 2020

1 answer

144 views

validate free slot comparing date and time

Hi,
im working with scheduler component, and when i need to add an event, I need restrict the slot when it´s already is used.

I have used occurrencesInRange method but I need to compare the hours too.

mainly my need is to restrict when I have the date and time busy, I have looked in examples and they only validate occurrence of day.

Thanks.

Scheduler

answered on 13 Jul 2020