Multiple server CascadeComboBox not working with angularJS

[Janusz]

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 ?

[Georgi Krustev]

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