reactjs - 在 Grid 上更新时如何为 DevExtreme React Grid 设置状态
问题描述
我有一个批处理模式的 DevExtreme React Grid。我想知道当我在 Grid 中更新时如何在“状态”中设置值。请检查我下面的代码并建议如何做到这一点......
设置初始状态:-
this.state = {
GridState : []
};
加载状态中的现有数据:-
componentDidMount() {
axios.get(ConfigItem[0].APIPath+'users/UserRights/2')
.then(res => {
console.log(res.data.data);
this.setState({GridState:res.data.data});
})
}
单击提交按钮时获取网格状态数据:-
onSubmitHandler = (event) => {
event.preventDefault();
this.dataGrid.instance.saveEditData();
console.log(this.state.GridState); // Here I am getting existing data only but I need to get updated data also.
}
HTML 渲染:-
<div id="data-grid-demo">
<DataGrid
dataSource={this.state.GridState}
ref={ref => this.dataGrid = ref}
keyExpr="UserAccessId"
showBorders={true}
onToolbarPreparing={this.onToolbarPreparing}
>
<Paging enabled={false} />
<Editing
mode="batch"
allowUpdating={true}
selectTextOnEditStart={true}
startEditAction='click' />
<Column dataField="UserAccessId" visible={false} />
<Column dataField="MenuId" visible={false} />
<Column dataField="Menu" width={100} />
<Column dataField="SubMenu" width={170} />
<Column dataField="ViewAccess" caption="ViewAccess" dataType="boolean" width={150} >
<CheckBox defaultValue={false} />
</Column>
<Column dataField="ZohoParameter" />
<Column dataField="Remarks" />
</DataGrid>
</div>
解决方案
您可以设置 DataGrid 的onRowUpdated 属性,并从对象参数的数据字段中获取更改的行。
推荐阅读
- c++ - C++ 标准库中是否有保证不执行动态内存分配的函数或类?
- excel - 如何为通过 Excel 中的自定义功能区调用的脚本提供用户参数?
- excel - 是否可以在excel中计算这个系列总和?
- c++ - 改进三重递归函数
- windows - windows下如何从MinGW获取gcc/g++执行的程序的内存使用情况
- apache-nifi - 当流版本更改时,流文件会发生什么?
- python - 如何匹配ip地址
- javascript - 从 url 中删除 # 字符
- javascript - daterangepicker isInvalidDate() 无法正常工作
- excel - 根据拆分单元格文本将工作表行复制到新工作表