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);
                }
            }