DevExtreme刷新网格

问题描述 投票:1回答:1
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选择时,刷新 "编辑器类型:dxDataGrid"。

dxDataGrid的数据源必须在dxSelectBox上改变,所以我试了一下

测试的是CustomStore,可以用。

我想使用其他声明的弹出,但我不能使用,使用编辑。

如果不能刷新,我想找其他方法。

在测试ajax成功函数中可以刷新吗?

我可以怎么做?

refresh devextreme dx-data-grid
1个回答
0
投票

这是我如何使用JQuery重载我的.NET MVC数据表格。

你可以使用任何事件,但我使用这个事件来调用它。

.OnRowUpdated("reloadMainDataGrid")

在JQuery中使用这个函数。

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

我希望这能帮助指导你找到正确的答案,如果没有别的。

© www.soinside.com 2019 - 2024. All rights reserved.