Questions on UI for ASP.NET Core Forum

1 answer

81 views

Click on "canceledit" opens deleteConfirm-Dialog

I included the TreeList-Component in my view like this:

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

.Name("treelist")

.Toolbar(

toolbar =>

{

/*toolbar init*/

}

)

.Columns(columns =>

{

columns.Add().Field(e => e.GermanTranslation);

columns.Add().Field(e => e.Sequence);

columns.Add().Command(c =>

{

if (!Model.IsPublished)

c.Edit();

if (!Model.IsPublished)

c.Destroy();

if (!Model.IsPublished)

c.CreateChild();

});

})

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

.Reorderable(true)

.Filterable()

.Sortable()

.Editable()

.DataSource(dataSource => dataSource

.Read(read => read.Action("All", "DashboardTaxonomy"))

.Update(update => update.Action("Update", "DashboardTaxonomy"))

.Create(create => create.Action("Create", "DashboardTaxonomy"))

.Destroy(destroy => destroy.Action("Destroy", "DashboardTaxonomy"))

.ServerOperation(false)

.Model(m =>

{

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

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

m.Field(f => f.EnglishTranslation);

m.Field(f => f.Sequence);

})

)

.Events(

events =>

{

events.DataBound("TaxonomyTreeWidget.dataBound");

}

)

}

With the following Model:

public class TaxonomyTreeNodeViewModel

{

public string Id { get; set; }

public string ParentId { get; set; }

[Display(Name = "Reihenfolge")]

public int Sequence { get; set; }

[Display(Name = "Deutsche Bezeichnung")]

public string GermanTranslation { get; set; }

[Display(Name = "Englische Bezeichnung")]

public string EnglishTranslation { get; set; }

[Display(Name = "Versionsnummer")]

public int Version { get; set; }

[Display(Name = "Veröffentlicht")]

public bool Published { get; set; }

/*[...]*/

}

The TreeListrenders the expected result. When I click on an edit-button I'm able to edit and save the data-row.

But when I cancel the Edit a Confirm Dialog appears (Test: "Are you sure you want to delete this record?") and the button with data-command="canceledit" is deleted from the DOM and a data-command="destroy"-Button appears.

I found these issues with almost the same behavior:

http://www.telerik.com/forums/grid-popup-edit-cancel-problem

http://www.telerik.com/forums/bug---cancel-button-in-event-edit-window-is-removing-event

Can you help me?

TreeList

answered on 08 Jun 2017

1 answer

94 views

Redo function

Hello,

I just encountered a problem with the redo function of the spreadsheet.

Depending on the demo: http://demos.telerik.com/aspnet-core/spreadsheet/index

Procedure:

Select i.e. cell A3 and press CTRL + C to copy
Select B3 and press CTRL + V to paste and then the same with B4
Now press 3 times CTRL + Z to undo all changes
If you now press CTRL + Y to redo the first paste, nothing happens

In Excel it works as expected. Is this a bug?

Spreadsheet

answered on 08 Jun 2017

1 answer

62 views

Possible to search on fields not shown in Grid?

Hello,

I have a large dataset and I was wondering if is possible to enable search on a grid using fields not included in the grid?

Thanks!

Grid

answered on 06 Jun 2017

1 answer

137 views

How get a set of meetings for a particular day at a time from the database?

In scheduler asp.net Core Demo. ISchedulerEventService has method GetAll() to get all data “meetings/appointments” from the database and bind it to the scheduler. to find a way to get a set of meetings for a particular day at a time from the database? In the demo it gets all the meetings from the database and filters on the client. The application I am working on will contain of resources with a large number of bookings per day. I would like to only pull the data for each day to limit the amount of data being loaded at any given time and to improve the load performance. My app will have hundreds of meetings per day so loading all the meetings from the database is not an option.

Scheduler

answered on 05 Jun 2017

1 answer

109 views

Accessibility - Keyboard control

Hello,

I need to control my sortable list with the keyboard. As far as I know there is no such function implemented in the current sortable widget, right? I just tried the following to extend it by myself, but there is a problem:

Go to the demo: http://demos.telerik.com/aspnet-core/sortable/index
Add a tabindex="0" to each <li> tag
Add a keydown event to either the ul or the li
- $(document).on('keydown', '#sortable-basic', function (e) { console.log('1', e); });
- $(document).on('keydown', '#sortable-basic li', function (e) { console.log('2', e); });
Now focus a li and press a key. You will see that the event is not triggered by any letter or arrow key, but just on ctrl, tab, shift ... In my case I want to sort the items by holding the ALT key + arrow left/right.

Could you please help me with a working solution?

Sortable

answered on 05 Jun 2017

2 answers

116 views

Accessibility problem

Hello,

the accessibility is in our projects an importnant point. I need to use each feature with keyboard control. For the spreadsheet I found the following documentation for keyboard access.

http://docs.telerik.com/kendo-ui/controls/data-management/spreadsheet/end-user/list-of-shortcuts

The main problem is, that when I am with the focus in the toolbar, I cant access the back/forward buttons or tabs above. And when I am tabbing into the first cell, I am caught in the table. When I reach the last cell and press tab again, it pushes me back to the first cell. How is it possible to lose the focus of the spreadsheet to continue to the other focusable items of the application. Is this a bug or am I missing a shortcut here?

Spreadsheet

answered on 02 Jun 2017

1 answer

116 views

Wrong Typescript definition in kendo.all.d.ts

Hello,

I just used the TreeView widget and inserted items with the API method 'insertAfter' and 'insertBefore'. Unfortunately the typescript definition of these methods says, it returns void, but actually it returns the new inserted item (which I need at this point). I updated my kendo.all.d.ts file now, but if I will update kendo in the future, it would overwrite these lines. It would be great if you could fix this for the next release.

insertAfter(nodeData: any, referenceNode: JQuery): void;

insertBefore(nodeData: any, referenceNode: JQuery): void;

// to

insertAfter(nodeData: any, referenceNode: JQuery): JQuery;

insertBefore(nodeData: any, referenceNode: JQuery): JQuery;

TreeView

answered on 02 Jun 2017

3 answers

537 views

Destroy Action not been fired in Controller in Ajax batch edit mode

When adding the Destroy command to a column, the .Destroy action does not hit the controller action method.

You can reproduce the bug with your DVDGo sample application by making it InCell editing, .Batch(true), .ServerOperation(false).

Grid

answered on 26 May 2017

2 answers

164 views

Localization problem

Hello,

to localize my spreadsheet, I included the "kendo.messages.de-DE.js" into my document. Because it is not translated completely, I extended my version with the keys from "kendo.messages.en-US.js".

I.e. when I hover over the "freeze panes" button, I get my translated title, but the submenu still shows me the english text. Its the same problem with the "Merge cells" button.

kendo.spreadsheet && kendo.spreadsheet.messages.toolbar && (kendo.spreadsheet.messages.toolbar = a.extend(!0, kendo.spreadsheet.messages.toolbar, {

...

freeze: "Fenster fixieren",

freezeButtons: {

freezePanes: "Fenster fixieren",

freezeRows: "Zeile fixieren",

freezeColumns: "Spalte fixieren",

unfreeze: "Fixierung aufheben"

},

...

Spreadsheet

answered on 25 May 2017

1 answer

112 views

Display issue on drag cell(s) with right bottom anchor point

Hello,

in your example http://demos.telerik.com/aspnet-core/spreadsheet/index if you have a selection and start to drag (copy) the cells with the right bottom corner point, there appears a cut-off box at the top left corner of the table. This seems to be a style issue, right?

Spreadsheet

answered on 23 May 2017