Hi Jeff Voigt,
You can achieve your requirement by removing the “update” button from
the grid “toolbar” property. Please refer to the below code example for getting the grid instance and hiding the “update” button dynamically.
var gridInstance;
const hide = () => {
gridInstance.toolbar = ['Add', 'Delete', 'Cancel'];
};
const update = () => {
gridInstance.editModule.batchSave();
};
<ButtonComponent onClick={hide}>hide</ButtonComponent>
<ButtonComponent onClick={update}>update</ButtonComponent>
<GridComponent dataSource={data} ref={(grid) => (gridInstance = grid)}
pageSettings={pageSettings} toolbar={toolbarOptions}
allowPaging={true} editSettings={editSettings}>
. . .
</GridComponent>
|
https://stackblitz.com/edit/react-xu9wnm?file=index.js
Please get back to us if you need further assistance.
Regards,
Pavithra S
If this post is helpful, please consider Accepting it as the
solution so that other members can locate it more quickly.