How can I traverse the treeview? For example, I start at a node somewhere in the hierarchy and want to get data from its parent and then from the parent of the parent?
I could use the TreeItemLookup, but it fires when checkboxes are enabled for each node only. And then I would get the parent of the current node only, not the parent of the parent.
Good morning,
Hoping someone here might have some ideas on this. I have a kendo-menu, and need to disable the menu-items underneath under certain circumstances:
So something like this:
<
kendo-menu
class
=
"kendo-menu-project"
>
<
kendo-menu-item
[disabled]="isThisDisabled()">
<
ng-template
kendoMenuItemTemplate>
<
tooltip-wrapper
[tooltipContent]="'tooltip i'd like to show'">
<
span
id
=
"pg-mmenu-add-collate"
(click)="doSomething()">Menu Item 1</
span
>
<
tooltip-wrapper
>
</
ng-template
>
</
kendo-menu-item
>
....
The tooltip-wrapper is one of our components, whose template creates a kendoTooltip :
<
span
kendoTooltip
=
""
[showOn]="isToolTipHidden() ? 'none' : 'hover'"
[tooltipWidth]="tooltipWidth"
[tooltipClass]="(warning) ? 'c-warning' : ''"
filter
=
".c-tooltip-element"
[tooltipTemplate]="listView ? list : default"
[position]="position"
class
=
"c-tooltip-wrapper"
>
<
span
class
=
"c-tooltip-element"
[ngClass]="{ 'no-hide' : !overflowHidden }" [attr.tooltip-content]="listView ? tooltipContent.join('<br/>') : tooltipContent">{{spanText}}<
ng-content
></
ng-content
></
span
>
</
span
>
<
ng-template
#list let-anchor>
<
div
*ngFor="let listValue of anchor.nativeElement.getAttribute('tooltip-content').split('<br/>')">
<
span
>{{listValue}}</
span
>
</
div
>
</
ng-template
>
<
ng-template
#default let-anchor>
<
span
>{{anchor.nativeElement.getAttribute('tooltip-content')}}</
span
>
</
ng-template
>
No problems showing the tooltip under normal circumstances, but of course, once the menu items is disabled, the hover event doesn't propagate down to the tooltip component so it doesn't show. Is there anyway to accomplish this when the menu item is disabled?
Hi,
Need some help with this use-case. I have server side filtering, and when filtering the dataset I want to select multiple items at once. But the problem is, that the list is reseting after selecting one item in the filtered list, after that the data set is called again but with initial state(10 default items) as the "filter text" is cleared and sends empty string to my API.
Here an simplified example on StackBlitz, were you can type "large" and select one of the values. ( in the example I also tried something with the isOpen isClosed events)
https://stackblitz.com/edit/angular-mdkzvt
Does someone has an idea, if this is possible at all.
Thanks
hi,
Is it possible to have single legend for multiple donut charts in angular. Also single legend can trigger toggle among charts.
Please suggest.
Hi,
I'm trying to update my application to angular 9 (and if i can 10).
I'm facing some issue with the toolbar and buttons created inside ngFor.
Seems that with Ivy the toolbar buttons are not rendered.
Here an example.
https://stackblitz.com/edit/angular-ivy-tzkuw
If you disable Ivy the toolbar works.
B
Hi,
We are using kendo angular library in our application. We need to create pdf and image files of the HTML page. The page contains charts and grid something similar to https://demos.telerik.com/kendo-ui/pdf-export/index. The grid can have multiple pages and child grids as well. The queries are related to this.
1.Can exportImage work on grid with pagination and downloads multiple images corresponding to each grid pages? Like its generated for pdf in this example - https://docs.telerik.com/kendo-ui/knowledge-base/all-page-content-with-all-pages
2. Can child grid data be exported in pdf and images?
3. In case of horizontal scroll on grid, can it be adjusted to be accommodated in the export?
4. If the grid can be exported with its parent container for multiple pages.
We are using kendo angular library in our application. We need to create pdf and image files of the HTML page. The page contains charts and grid something similar to https://demos.telerik.com/kendo-ui/pdf-export/index.The grid can have multiple pages and child grids as well. The queries are related to this.
Hi team,
I am using Kendo Grid to display data using 6 columns. When the row count exceeds 100, the whole Angular component completely slows down, sometimes not even works. I found that this particular component slows down things because when i removed this grid column, everything works as expected. Why's that and how can i overcome this?
<kendo-grid-column width="75">
<ng-template kendoGridCellTemplate let-dataItem>
<ng-template #popContent>
<div class="context-dropdown-menu">
<ul>
<li (click)="settings(dataItem, 'settings')" >
<i class="fa fa-envelope" title="Settings"></i> Settings
</li>
<li (click)="open(dataItem, 'open')" >
<i class="fa fa-share-square" title="Open"></i> Open
</li>
</ul>
</div>
</ng-template>
<button type="button" class="btn btn-outline-primary btn-rounded" [ngbPopover]="popContent" #p="ngbPopover" (document:click)="p.close()"
(click)="$event.stopPropagation();onClick()" placement="left" container="body">
<i class="fa fa-ellipsis-h"></i>
</button>
</ng-template>
</kendo-grid-column>
Thanks,
Deepak