Multiple server CascadeComboBox not working with angularJS

2 posts, 0 answers
  1. Janusz
    Janusz avatar
    18 posts
    Member since:
    Jan 2015

    Posted 03 Feb 2015 Link to this post

    Hi,

    I have made window with 3 comboboxes and I attached to them k-option.
    I've made example here: [working example] but In my application where I have remote datasources and only last combobox works ok.
    The second one (customer) not cascading from first one (client).

    As I say before only difference is remote datasource, and they looks:
    $scope.addClientOptions = {
                        index: -1,
                        optionLabel: " ",
                        highlightFirst: true,
                        autoBind: true,
                        filter: "contains",
                        dataTextField: "name",
                        dataValueField: "id",
                        dataSource: {
                            type: "json",
                            serverFiltering: true,
                            transport: {
                                read: {
                                    url: "uni/party/client"
                                }
                            },
                            schema: {
                                data: "data",
                                total: function (result) {
                                    return result.total;
                                }
                            }
                        }
                    };
     
    $scope.addCompanyOptions = {
                       optionLabel: " ",
                        highlightFirst: true,
                        autoBind: true,
                        filter: "contains",
                        dataTextField: "name",
                        dataValueField: "id",
                       cascadeFrom: "param_client",
                       cascadeFromField: "id",
                        dataSource: {
                            type: "json",
                            serverFiltering: true,
                            transport: {
                                read: {
                                    url: "uni/party/company"
                                }
                            },
                            schema: {
                                data: "data",
                                total: function (result) {
                                    return result.total;
                                }
                            }
                        }
                    };
     
    $scope.documenTypeAddOpions = {
                        optionLabel: " ",
                        autoBind: true,
                        filter: "contains",
                        dataTextField: "name",
                        dataValueField: "id",
                        cascadeFrom: "param_customer",
                        cascadeFromField: "id",
                        dataSource: {
                            type: "json",
                            serverFiltering: true,
                            transport: {
                                read: {
                                    url: "unisono/symfony/document/type"
                                }
                            },
                            schema: {
                                data: "data",
                                total: function (result) {
                                    return result.total;
                                }
                            }
                        }
                    };


    Only the last one (type) cascade from (customer).

    How can I make It working ?
  2. Georgi Krustev
    Admin
    Georgi Krustev avatar
    3707 posts

    Posted 05 Feb 2015 Link to this post

    Hello Janusz,

    Thank you for the demo. I tried to use it as a base in order to replicate the issue, but to no avail (demo link). Could you further modify it and reproduce the issue? This will help us to review the problem locally and find a proper resolution of it.

    Regards,
    Georgi Krustev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
Back to Top