Cascading dropdown selection is not working.

6 posts, 0 answers
  1. developer
    developer avatar
    58 posts
    Member since:
    Nov 2015

    Posted 27 Jul 2016 Link to this post

    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.

  2. Georgi Krustev
    Admin
    Georgi Krustev avatar
    3723 posts

    Posted 29 Jul 2016 Link to this post

    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.
     
  3. developer
    developer avatar
    58 posts
    Member since:
    Nov 2015

    Posted 29 Jul 2016 in reply to Georgi Krustev Link to this post

    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!

     

  4. Georgi Krustev
    Admin
    Georgi Krustev avatar
    3723 posts

    Posted 02 Aug 2016 Link to this post

    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.
     
  5. Manish
    Manish avatar
    2 posts
    Member since:
    Jun 2016

    Posted 06 May Link to this post

    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.

     

  6. Ianko
    Admin
    Ianko avatar
    1720 posts

    Posted 09 May Link to this post

    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.
Back to Top