Кендо разделяет источник данных между ComboBox и TreeList

В моем приложении есть Kendo TreeList и Kendo ComboBox. DataSource для TreeList также можно использовать для ComboBox. Если это возможно, это избавит меня от необходимости дважды запускать один и тот же запрос.

Кажется, это еще больше усложняется тем, что мой TreeList использует транспорт для операций CRUD.

Пример моего общего источника данных:

        var sharedDataSource = new kendo.data.DataSource({
            transport: {
                read: function (e) {
                    webService.getData(arg1, arg2).then(function (response) {
                        e.success(response.data);
                    }, function (response) {
                        console.log(response);
                    });
                }
            }
        });

       sharedDataSource.read();

Транспортная часть моего TreeList:

transport: {
    read: function (e) {
       e.success(sharedDataSource);//sharedDataSource has NO data here. That's the problem
    }
}

Поле со списком:

            $("#comboBox").width(250).kendoComboBox({
                dataTextField: "name",
                dataValueField: "id",
                dataSource: sharedDataSource//The comboBox is launched via a click after the page loads and DOES have data here
            });

kendo-ui kendo-datasource
person vincentvanjoe    schedule 09.09.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

DataSource.read() — это асинхронный метод. Данные еще не загружены, когда TreeList инициализируется, поэтому он будет пустым.

Использование метода read с разрешением Promise должно помочь:

sharedDataSource.read().then(function () {
    // TreeList init

    // ComboBox init
});

Поскольку в TreeList нет подкачки или группировки (при условии, что вы загружаете все элементы дерева одновременно), вы можете использовать DataSource.view()метод для извлечения данных и предотвращения нежелательных удаленных запросов.

// TreeList and ComboBox transports

transport: {
    read: function (e) {
       e.success(sharedDataSource.view());
    }
}

Демонстрация Dojo: http://dojo.telerik.com/@msagi/EnEnI (с поддельным удаленным вызовом)

person Marton Sagi    schedule 11.09.2016