Как установить состояние для DevExtreme React Grid При обновлении в Grid - PullRequest
Новая
       20

Как установить состояние для DevExtreme React Grid При обновлении в Grid

0 голосов
/ 20 апреля 2020

У меня есть DevExtreme React Grid с пакетным режимом. Я хотел бы знать, как установить значение в «State» при обновлении в 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>

1 Ответ

1 голос
/ 20 апреля 2020

Вы можете установить onRowUpdated опору DataGrid и из поля данных параметра объекта получить измененную строку.

...