This is a migrated thread and some comments may be shown as answers.

Cascading dropdown selection is not working.

5 Answers 302 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
developer
Top achievements
Rank 1
developer asked on 27 Jul 2016, 12:06 PM

Currently I'm using Kendo UI 2015 Q1 SP1 in my project. The cascading function is working fine. 

demo with 2015-Q1-SP1

When I update with the latest version it is not working as expected. The 2nd dropdown is rendering only, the user select the first drop down.

demo with latest version

Note: I'll be having sorting operation in the controller, So I've to bind as "k-options". 

Can you assist to fix this bug.

5 Answers, 1 is accepted

Sort by
0
Georgi Krustev
Telerik team
answered on 29 Jul 2016, 08:27 AM
Hello,

The widgets will not initialize if some of the configuration options are undefined:

http://docs.telerik.com/kendo-ui/AngularJS/Troubleshooting/common-issues#widgets-are-not-initialized

Here is the modified demo, that works:

http://dojo.telerik.com/ESudo/2

Regards,
Georgi Krustev
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
developer
Top achievements
Rank 1
answered on 29 Jul 2016, 10:10 AM

Hello Georgi,

Thank you for the response.

In angular There is no use case like we need to initialize the defined attribute in scope or by default.

you can refer the angular material control here 

can you please explain the usage of this feature(initialize the options by default).

Thanks!

 

0
Georgi Krustev
Telerik team
answered on 02 Aug 2016, 07:30 AM
Hi,

The AngularJS wrappers for Kendo UI are designed to wait until all specified attribute values are defined. If there is a field that is used as a configuration (customersDataSource in this case), then it should be defined. If it is not then the widget would not initialize. The modified demo that I shared, will work because customersDataSource is set to [] (empty array).

The discussed requirement is described in the troubleshooting section that I mentioned in my previous reply.

Regards,
Georgi Krustev
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Manish
Top achievements
Rank 1
answered on 06 May 2017, 02:52 PM

Hi,

I am using cascade dropdownlist using OData anf filter options also using parameter map and I am having 3 dropdown.

All binding I did from html page and is working fine from binding side. Now cascade works only in first two dropdown but not with 3rd dropdown.

My unique case is that I am having only one datasource and using same datasource I am applying different filters for 3 dropdowns like first to second and second to third and using some column as from field.

 

I am not able to get why is working only for first two dropdown and seen that 3rd one is always enabled but when I change value in 2nd , the value is 3rd is populating.

Also while loading the page even if 3rd dropdown is using from field of 2nd then why query is being fired to get the filters and data.

 

Please help as I discussed in my team but no luck till date, even not able to find in telerik about using one datasource for casacading. FYI --> I tried cascade method from code also but same issue.

 

0
Ianko
Telerik team
answered on 09 May 2017, 10:06 AM

Hello Manish,

The case you have is different from the one discussed in this forum thread. This is why it would be better to be examined in a fresh forum thread. Please open a new forum thread or support ticket and elaborate more on the case. If possible, provide a simple, locally runnable project that demonstrates the difficulties you have so that we can examine the case properly. 

Regards,
Ianko
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
DropDownList
Asked by
developer
Top achievements
Rank 1
Answers by
Georgi Krustev
Telerik team
developer
Top achievements
Rank 1
Manish
Top achievements
Rank 1
Ianko
Telerik team
Share this question
or