在选项卡面板内部动态显示DX网格

时间:2019-05-27 08:54:19

标签: devextreme dxgrid

我遇到了一些麻烦,例如如何在选项卡面板内容中注入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);
                }
            }

0 个答案:

没有答案