Telerik Forums
Kendo UI for Angular Forum
1 answer
26 views

Hi Team,

I am using angular Kendo DropDownTree and all the items of the dropdown is expanded. I have a vertical scroll bar in the dropdowntree. I want to know the scroll position of the DropDownTree and after refreshing of the page I need to retain the scroll position. How can I know the current scroll position and retain the scroll position of DropDownTree after refreshing the screen?

Martin
Telerik team
 answered on 25 Jan 2024
1 answer
25 views

HI, im using cypress testing framework and the component we use are kendo components, for some reason in the browser testing enviroemtn the grid component drop down menu for an option dose not work, the test clicks the component however it dose not open it.  It works fine when im using the app in dev or production however it dose not in the cypress running env.

 

 

however this then gose back to the first picture i provided and dose not open up the kendo component

 

here is the code im trying to run on it 

cy.get('div[aria-label="Press SPACE to deselect this row."]').find('div.ag-cell-value').eq(0).click({force: true});

 

why is this and how can i fix it so it dose open up in test environment

Yousaf
Top achievements
Rank 1
Iron
 answered on 22 Jan 2024
1 answer
63 views

Hi!

I'm using the dropdowntreecomponent with value primitive binding to ngmodel but I get an error when opening the dropdown.

Here is a sandbox showing the error:
https://codesandbox.io/s/empty-field-s3vtcr

ERROR Error: Expected dataItem of type Object to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownTreeComponent/#toc-dataitem

Basically the dataItem is received here as a primitive value and not the complete dataItem.

Thanks

 

Tsvetelina
Telerik team
 answered on 04 Aug 2023
1 answer
127 views

 

For the "Filter Component", is there any way to use the template to add an 'DropdownTree' before the first column?(Blue marked on the image)


Thanks

Yanmario
Telerik team
 answered on 18 Jul 2023
0 answers
58 views

Hi all,

is there a way to mark items of a DropDownTree component as non-selectable without disableing it completely?
If not, is this feature on your roadmap?

This could make a lot of sense on parent items in a tree.

Best regards,

Christian

Christian
Top achievements
Rank 1
 asked on 27 Mar 2023
1 answer
68 views

I am already using other Kendo components in my application currently. I can access the normal dropdown controls (autocomplete, multi-select, etc). When trying to use either the MultiSelectTree or the DropDownTree I get a build error saying that it is not a known element. 

I have double checked the imports and installed modules. I even ran grep against the @progress folder in node_modules. It returns 0 results when searching for selector:"kendo-dropdowntree".

Any help in figuring what's going on would be greatly appreciated.

Yanmario
Telerik team
 answered on 27 May 2022
1 answer
55 views

I'm trying to populate a load on demand MultiSelectTree control with root level data, then when the user clicks and expands the node, the data is requested and loaded.  The only example I see of something similar is the lazy loading.  My scenario is for a filter control that may not get used by the user so I wanted to load a minimal set of data and then request more if needed.

I have tried it with flat and hierarchal data.  Also, validated my data variable that the control is bound to is getting updated but the control never refreshes with the new child nodes.  I tried to refresh the data using the NodeExpand event and also the fetchChildren method (fetches for all nodes which is not what I want)

Can this be done?  Just want to make sure before I waste any more time on it.

Thanks

 


Martin
Telerik team
 answered on 09 May 2022
1 answer
439 views

I have encountered an error while using filtering with DropDownTree.  I am currently using kendo-angular-dropdowns 5.5.1 in my project, but I have reproduced this error with 6.0.2.  Here are the conditions:

  • Use kendoDropDownTreeFlatBinding with kendoDropDownTreeExpandable directive.
  • Setup value binding and initialize the value to a child entry in the list.
  • Run and attempt to filter the dropdown.  Some searches will produce the error:

ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'ng-untouched: true'. Current value: 'ng-untouched: false'.

I have reproduced the error at https://angular-e7ahkr.stackblitz.io:

  • Open the console while running the example.
  • Type "nan" in the dropdown search bar.
  • I'm not certain this matters, but notice that both Nancy Davlio and Steven Buchanan are found in the results, and that Steve has child nodes.
  • Now press "c" to make the filter "nanc" and the error will occur in the console.  This will also cause focus to be removed from the search bar.

Is there anything I can do to work around this?  Here is the code for app.component.ts in case the StackBlitz doesn't work:

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  styles: ['.furniture { width: 250px; }'],
  template: `
       <kendo-dropdowntree
           kendoDropDownTreeExpandable
           [kendoDropDownTreeFlatBinding]="data"
           parentIdField="reportsTo"
           valueField="id"
           textField="name"
           [(ngModel)]="person"
           class="furniture"
           [filterable]="true"
           [expandOnFilter]="{ expandMatches: true}"
        >
       </kendo-dropdowntree>
   `,
})
export class AppComponent {
  public dataany[] = [
    { id: 2name: 'Andrew Fuller'reportsTo: null },
    { id: 1name: 'Nancy Davolio'reportsTo: 2 },
    { id: 3name: 'Janet Leverling'reportsTo: 2 },
    { id: 4name: 'Margaret Peacock'reportsTo: 2 },
    { id: 5name: 'Steven Buchanan'reportsTo: 2 },
    { id: 8name: 'Laura Callahan'reportsTo: 2 },
    { id: 6name: 'Michael Suyama'reportsTo: 5 },
    { id: 7name: 'Robert King'reportsTo: 5 },
    { id: 9name: 'Anne Dodsworth'reportsTo: 5 },
  ];
  public person = this.data[6];
}
Svet
Telerik team
 answered on 13 Apr 2022
1 answer
560 views

Hi,

I use a DropDownTreeComponent with object binding to enable the user to set a property of a business object. The user can navigate through multiple business objects and the DownDownTree is updated according to the current business object.

Everything works fine, until the user updates a business object by selecting a value from tree. After the user interaction, the DropDownTreeComponent is no longer updated, when the user selects another business object - the [value] is updated but the component does not respond.

Is there a fix or a workaround?

Best regards,
Thomas

Thomas
Top achievements
Rank 1
Iron
 answered on 11 Apr 2022
0 answers
102 views

Hello, 

I am trying to get my dropdowntree to have a pre-selected child node value on onit. Is this possible? I am setting the [dataItem] property to an object, but it seems to not like that. All of the examples i have seen deal with pre-selecting the parent node and not a child node.

Alex
Top achievements
Rank 1
 asked on 23 Aug 2021
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
Iron
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?