Questions on Kendo UI for jQuery Forum

9 answers

655 views

.open() in setTimeout Failed to execute 'removeChild' on 'Node'

Hi,

I have an issue on my multiselect.

When I select a value in my MultiSelect, everything is OK. (leave thefield whithout error).

But, when I re-focus the multiselect to add another value, I get a JS error : kendo.web.min.js:41 Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'.

I try to put the setTimeout to 250 instead of 0 and it seems to work but I'm afraid that when I have a lot of datas to load it will explode again...

setTimeout(function () {
var multiselect = $multiselect.data("kendoMultiSelect");
multiselect.open();
}, 0);

Any idea ?

MultiSelect

answered on 11 Jul 2019

6 answers

1.4K+ views

Get all datas filtered in virtualized or paged grid

Hi,

I explain my need :

When the user click on a button, I want to get all data on my grid with filters set on my grid to do an action. I can have a lot of datas (many thousand), in this case, the grid is virtualized.

In this case :

http://dojo.telerik.com/@muadhib/UnEsE/2

I add equal filter in ship country for get all rows where value is France.

When I click on "Get sum Freight", I want to get the sum of all rows which match. In my code, the sum take only 30 rows (1 page) from current page.

What is the best way to perform that ?

Regards.

Grid

answered on 11 Jul 2019

2 answers

2.7K+ views

How to make the Carousel like this?

Hi all,

Just attached the expect layout for the Carousel slider i want.

But i have no idea how to make like that use the Kendo ScrollView...

I tried to change the css make the same layout, but when i go next page, the position go wrong.

Should i handle the position calculation on the Event "change"?

ScrollView

answered on 11 Jul 2019

2 answers

251 views

The kendoTreeView is not getting re-rendered after node removal upon adding new node

There are two event handlers: one adds a node to the tree, the other one - removes it. And it works fine as expected until the node gets removed by calling "check" event.
here is a tree (upon node check - it gets removed):

$('#folderAttributeTree').kendoTreeView({

dataSource: this.attributeTree,

dataRole: "treeview",

dataTextField: "name",

checkboxes: true,

loadOnDemand: true,

check: function(e) {

var treeView = e.sender,

checkedNode = e.node;

treeView.remove(checkedNode);

},

dataBound: function(e) {

if (!this.dataSource.data().length) {

this.element.append("<li class='no-items'>No items yet.</li>");

} else {

this.element.find(".no-items").remove();

}

}).data("kendoTreeView");

here is the add node method (it creates always nested elements):

01.addLabel: function(e) {

02. e.preventDefault();

03.

04. var label = this.get('folder_label'),

05. folderAttributeTree = $("#folderAttributeTree").data("kendoTreeView"),

06. attributeTree = this.get('attributeTree')

07. data = [];

08.

09. if (label !== null && label !== '') {

10.

11. if (attributeTree.length) {

12.

13. data = attributeTree;

14.

15. var i = 0;

16.

17. while (data.length) {

18. data = data[0].items;

19. i++;

20. }

21.

22. data.push({

23. name: label,

24. type: 'folder',

25. expanded: true,

26. id: i,

27. items: [],

28. hasChildren: true,

29. itemIndex: 0

30. });

31.

32. } else {

33.

34. this.set('attributeTree', [{

35. name: label,

36. type: 'folder',

37. expanded: true,

38. id: 0,

39. items: [],

40. hasChildren: true,

41. itemIndex: 0

42. }]);

43.

44. }

45. }

46.

47. this.set('folder_label', '');

48.

49. folderAttributeTree.setDataSource(this.attributeTree);

50.

51.}

The problem is, when I try adding a node after its removal - a treeview is no more re-rendering (however if I check the console.log the data is getting added to the object as it should).
I'm new to kendo-ui. Please help me solving this.
Thank you in advance!

TreeView

answered on 11 Jul 2019

4 answers

619 views

Cannot resize grid columns after initial column resize and grid scroll to the right

Hi,

There is a bug present in the latest release 2019.2.619 where after you resize a column in the grid and then scroll the grid to the right you can no longer resize a column. The column resize cursor will not appear.

You can see the same problem in the kendoui demo

https://demos.telerik.com/kendo-ui/grid/column-resizing

1. Resize a column

2. Scroll the grid to the right

3. Now attempt to resize another column

Please can you advise how to work around or when a fix might be made available as this is a blocker for us at the moment.

Thanks

Doug

Grid

answered on 11 Jul 2019

2 answers

5.2K+ views

Dirty Flag for Kendo Grid

Hello Telerik Team,

I have a MVC kendo Grid bound to an Ajax DataSource. The grid uses InCell Edit mode.

I wish to be able to change the content of the grid via js and have achieved this by using set:

var firstItem = $('#inventoryTransReview_grid').data().kendoGrid.dataSource.data()[0];

firstItem.set('Remark','test')

While this will change the Remark column content to 'test' and set firstItem.dirty to be true, it won't show the little "dirty flag" marker like it normally will in case of directly editing the Grid.

Is it because the Dirty Flag marker is handled by the Grid and not the DataSource? Any workaround to show the "dirty flag" marker in this case?

Thanks,

Michael.

Grid

answered on 11 Jul 2019

1 answer

589 views

Scheduler timeline sliding week/month view

Hi,

Is it possible to display two weeks at the same time and slide by one week. For eg, 1-14 -> 8-21. The same would apply for month.

The issue is that when you have an event on the last day of the display period, you can't move or extend it to the next "page".

Scheduler

answered on 11 Jul 2019

16 answers

1.8K+ views

Last Column Resizing css issue

See attached.

When resizing the last column the css doesn't fill up the complete last column. I have tried all options. Can you please suggest a way to fix this issue.

Here's a snippet of my code:

Html.Kendo().Grid<XModel>().Name("gridName")
                .Events(clientEvents =>
                  clientEvents.Change("$(document).data('sectionContext').grids.get('QualificationsGrid').select"))
                .Columns(column =>
                    {
                        column.Bound(lobj =>lobj.a).Title("A").Width(80);
                        column.Bound(lobj =>lobj.b).Title("B").Width(100);
                        column.Bound(lobj =>lobj.c).Title("C").Width(120);
                        column.Bound(lobj =>lobj.d).Title("D").Width(100);
                        column.Bound(lobj =>lobj.e).Title("E").Width(100);
                        column.Bound(lobj =>lobj.f).Title("F");
                    })
                .Sortable(s=> s.AllowUnsort(false))
                .DataSource(dataSource =>dataSource.Ajax()…
                    …
                    …
            .Resizable(resizing =>resizing.Columns(true))
            .Sortable()
            .AutoBind(false)
            .Scrollable(scrolling =>scrolling.Height("auto"))
            .Selectable().ToString()

Grid

answered on 11 Jul 2019

6 answers

174 views

Sortable Tab Strip with Editor Control

I have a sortable tab strip that has an editor inside each tab. It works great until the user starts moving tabs, then all the content that's inside of the editor disappears. The tab container seems to move properly, it's just losing the actual content within the editor itself.

Here's a link to a demo of the problem: https://dojo.telerik.com/oDUrupUp

TabStrip

answered on 10 Jul 2019

4 answers

1.3K+ views

Loading Indicator

I have a diagram that's taking a long time to render, and there seems to be no way to set a loading indicator while it's drawing the diagram. I add the progress indicator just before declaration and remove it on the databound event, but the page just looks unresponsive. Is there a way to set the progress and remove when complete?

Diagram

answered on 09 Jul 2019