Показать DX Grid внутри панели вкладок динамически - PullRequest
Новая
       31

Показать DX Grid внутри панели вкладок динамически

0 голосов
/ 27 мая 2019

У меня возникла проблема, например, как я могу вставить сетку dx в содержимое панели вкладок. У меня есть родительская сетка, и я настроил основные данные. Поэтому, когда строка из основной сетки развернута в дочернем шаблоне, я показываю вкладки, а внутри этих вкладок я хотел показать dxgrid. Я хотел отобразить их, когда они нажимают на вкладки. Я пробую ниже пример кода, который не работает 

masterDetail: {
                enabled: true,
                template: function (container, options) {
                    var currentEmployeeData = options.data;

                    $("<div>")
                    .dxTabPanel({
                        items: dataSource,
                        itemTemplate: function (itemData, itemIndex, itemElement) {                                                        
                        },
                        onSelectionChanged: function (item) {

                            var childGridUrl = url

                            var childDataStore = new DevExpress.data.CustomStore({
                                key: "id",
                                load: function (loadOptions) {
                                    return callServerchildGridUrl
                                },
                                insert: function (values) {
                                    return callServer(childGridUrl, "POST", values);
                                },
                                update: function (key, values) {
                                    return callServer(childDataStore + "/" + key, "PATCH", values);
                                },
                                remove: function (key) {
                                    return callServer(childGridUrl + "/" + key, "DELETE", key);
                                    //$("#grid").dxDataGrid("instance").refresh();
                                }
                            });

                            var grid = $('<div>')
                                  .appendTo(item.element)
                                  .dxDataGrid({
                                      dataSource: childDataStore
                                  });                            
                        }
                    })
                     .appendTo(container);
                }
            }
...