refresh - DevExtreme 刷新网格

Question

form: {
            labelLocation: "left",
            items: [
                {
                    dataField: "PART_CODE",
                    dataType: "string",//Accepted Values: undefined (Default) | 'string' | 'number' | 'date' | 'boolean' | 'object' | 'datetime'

                    visible: true,//Default Value: true
                    isRequired: true,//Default Value: undefined

                    editorType: "dxTextBox",//Accepted Values: 'dxAutocomplete' | 'dxCalendar' | 'dxCheckBox' | 'dxColorBox' | 'dxDateBox' | 'dxDropDownBox' | 'dxLookup' | 'dxNumberBox' | 'dxRadioGroup' | 'dxRangeSlider' | 'dxSelectBox' | 'dxSlider' | 'dxSwitch' | 'dxTagBox' | 'dxTextArea' | 'dxTextBox'
                    editorOptions: {
                        showClearButton: true,//Default Value: false
                    },

                    validationRules: [
                        {type: "required"},
                        {type: "stringLength", max: 10},
                    ],
                },
                {},
                {
                    dataField: "PNAME_CODE",
                    dataType: "string",//Accepted Values: undefined (Default) | 'string' | 'number' | 'date' | 'boolean' | 'object' | 'datetime'

                    visible: true,//Default Value: true
                    isRequired: true,//Default Value: undefined

                    editorType: "dxSelectBox",//Accepted Values: 'dxAutocomplete' | 'dxCalendar' | 'dxCheckBox' | 'dxColorBox' | 'dxDateBox' | 'dxDropDownBox' | 'dxLookup' | 'dxNumberBox' | 'dxRadioGroup' | 'dxRangeSlider' | 'dxSelectBox' | 'dxSlider' | 'dxSwitch' | 'dxTagBox' | 'dxTextArea' | 'dxTextBox'
                    editorOptions: {
                        showClearButton: true,//Default Value: false

                        onValueChanged: function (data) {
                            console.log(data.parent);
                            alert(data.value);

                        },
                    },

                    validationRules: [
                        {type: "required"},
                    ],
                },
                {
                    dataField: "PART_NAME",
                    dataType: "string",//Accepted Values: undefined (Default) | 'string' | 'number' | 'date' | 'boolean' | 'object' | 'datetime'

                    visible: true,//Default Value: true
                    isRequired: true,//Default Value: undefined

                    editorType: "dxTextBox",//Accepted Values: 'dxAutocomplete' | 'dxCalendar' | 'dxCheckBox' | 'dxColorBox' | 'dxDateBox' | 'dxDropDownBox' | 'dxLookup' | 'dxNumberBox' | 'dxRadioGroup' | 'dxRangeSlider' | 'dxSelectBox' | 'dxSlider' | 'dxSwitch' | 'dxTagBox' | 'dxTextArea' | 'dxTextBox'
                    editorOptions: {
                        showClearButton: true,//Default Value: false
                    },

                    validationRules: [
                        {type: "required"},
                        {type: "stringLength", max: 50},
                    ],
                },
                {
                    dataField: "PART_BIGO",
                    dataType: "string",//Accepted Values: undefined (Default) | 'string' | 'number' | 'date' | 'boolean' | 'object' | 'datetime'

                    visible: true,//Default Value: true
                    isRequired: false,//Default Value: undefined

                    editorType: "dxTextArea",//Accepted Values: 'dxAutocomplete' | 'dxCalendar' | 'dxCheckBox' | 'dxColorBox' | 'dxDateBox' | 'dxDropDownBox' | 'dxLookup' | 'dxNumberBox' | 'dxRadioGroup' | 'dxRangeSlider' | 'dxSelectBox' | 'dxSlider' | 'dxSwitch' | 'dxTagBox' | 'dxTextArea' | 'dxTextBox'
                    editorOptions: {
                        showClearButton: true,//Default Value: false
                        height: 80,
                    },

                    validationRules: [
                        {type: "stringLength", max: 500},
                    ],
                },
                {},
                {
                    id: "testGrid",
                    editorType: "dxDataGrid",
                    editorOptions: {
                        height : "390px",
                        dataSource: test,
                        columns: [
                        {
                            caption: "파트코드",
                            dataField: "PART_CODE",
                            dataType: "string",//Accepted Values: undefined (Default) | 'string' | 'number' | 'date' | 'boolean' | 'object' | 'datetime'

                            visible: true,//Default Value: true
                        },
                        {
                            caption: "품명",
                            dataField: "PROD_NAME",
                            // dataField: "PNAME_NAME",
                            dataType: "string",//Accepted Values: undefined (Default) | 'string' | 'number' | 'date' | 'boolean' | 'object' | 'datetime'

                            visible: true,//Default Value: true
                        },
                        {
                            caption: "파트명",
                            dataField: "PART_NAME",
                            dataType: "string",//Accepted Values: undefined (Default) | 'string' | 'number' | 'date' | 'boolean' | 'object' | 'datetime'

                            visible: true,//Default Value: true
                        },
                        {
                            caption: "비고",
                            dataField: "PART_BIGO",
                            dataType: "string",//Accepted Values: undefined (Default) | 'string' | 'number' | 'date' | 'boolean' | 'object' | 'datetime'

                            visible: true,//Default Value: true
                        },
                    ],

                    sorting: {
                        mode: "multiple"
                    },
                    allowColumnReordering: true,
                    allowColumnResizing: true,
                    columnAutoWidth: true,
                    groupPanel: {
                        visible: true
                    },
                    selection: {
                        mode: "single"
                    }
                    },

                },

            ],

        },

当我更改 dxSelectBox 选择时，刷新“editorType：dxDataGrid”

dxDataGrid 数据源必须在 dxSelectBox 上更改。所以我试试

测试是CustomStore，它有效。

我想使用其他声明的弹出窗口，但我不能使用那个使用编辑

如果无法刷新，我想找到其他方法..

是否可以在测试 ajax 成功功能中刷新？

我能怎么做？

Answer 1

这就是我使用 JQuery 重新加载 .NET MVC 数据网格的方式。

你可以使用任何事件，但我用这个来称呼它：

.OnRowUpdated("reloadMainDataGrid")

在 JQuery 中使用这个函数：

function reloadMainDataGrid() {
    $("#MainDataGrid").dxDataGrid("getDataSource").reload();
}

如果不出意外，我希望这有助于指导您找到正确的答案。