在 javascript 中为 devextreme datagrid 的每一行添加编辑图标按钮

To Add Edit icon button on each row in javascript for devextreme datagrid

提问人:Shaily Shah 提问时间:10/10/2023 最后编辑:Sebastian KaczmarekShaily Shah 更新时间:10/10/2023 访问量:35

问:

我尝试动态绑定网格数据,因为数据来自控制器,并希望通过 javascript 为网格的每一行添加一个编辑图标按钮。在 Javascript 中,对于列,我没有现有的列,因为列是通过控制器直接绑定的。那么该怎么做呢?我的 Ajax 调用是这样的

$.ajax({
            type: "Get",
            url: "/controllername/method",
            data: {
                
            },
            datatype: "json",
            success: function (data) {

                $('#gridContainer').dxDataGrid({
                    dataSource: JSON.parse(data),
                    keyExpr: 'ID',
                    allowColumnReordering: true,
                    allowColumnResizing: true,
                    allowHeaderFiltering: true,
                    allowSearch: true,
                    columnAutoWidth: true,
                    showBorders: true,
                    allowExportSelectedData: true,
                    selection: {
                        mode: 'multiple',
                        allowSelectAll: true,
                        showCheckBoxesMode: 'always'
                    },
                    scrolling: {
                        mode: "standard",
                        ScrollByContent: true,
                        scrollByThumb: true
                    },
                    paging: {
                        pageSize: 20,
                    },
                    pager: {
                        visible: true,
                        showInfo: true,
                        showNavigationButtons: true
                    },
                    filterRow: {
                        visible: true,
                        applyFilter: 'auto'
                    },
                    filterPanel: {
                        visible: true
                    },
                    searchPanel: {
                        visible: true,
                        highlightCaseSensitive: true,
                        width: 240
                    },
                    columnChooser: {
                        enabled: true
                    },
                    headerFilter: {
                        visible: true
                    },
                    export: {
                        enabled: true,
                        allowExportSelectedData: true
                    },
                    grouping: {
                        autoExpandAll: true
                    },
                    groupPanel: {
                        visible: true,
                        emptyPanelText: 'Drag a column header here to group by that column'
                    },
                    editing: {
                        mode: 'row'
                    },
                    },

                    onContentReady: functonname,
                    selection: {
                        mode: "multiple"
                    },

                });
            }
        });

我的网格数据已加载。我想添加一个操作列,其中每行都有一个编辑图标按钮。

javascript json ajax 模型-视图-控制器 devextreme

评论


答: 暂无答案