Как под себя модифицировать кнопки в форме?

Есть в devextreme-react/data-grid такая вець как popup с формой внутри, но как под себя редактировать кноgку save, хотя бы даже поменять название на трололо я чет вообще не понял как а уж тем более повесить на них класс по условию. Есть форма с кнопками, которые мне нужно редактировать под себя

Есть код, где этих кнопок даже нету, и не к чему прикручивать классы, и не пойму как вообще управлять этими кнопками.

<Table
          storageKey="usersList"
          dataSource={dataSource}
          onSelectionChanged={onSelectionChanged}
          columnAutoWidth={true}
          onRowInserting={onRowInserting}
          onRowRemoving={onRowRemoving}
          onRowUpdating={onRowUpdating}
        >
          <Editing
            mode="popup"
            allowUpdating={true}
            allowAdding={true}
            allowDeleting={true}>
            <Popup title={t('static.userAndGroup.user')} showTitle={true} width={700} height={525} >
              {/* <ToolbarItem
                widget="dxButton"
                toolbar="bottom"
                location="after"
    
                onClick={() => {console.log(onRowInserting(onRowInserting),'test')}}
                options={buttonOptions}
              /> */}
            </Popup>
            <Form
              colCount="1"
            >
              <Item itemType="group" colCount={1} colSpan={1}>
                <Item dataField="id" caption="ID" editorOptions={notesEditorOptions}/>
                <Item dataField="name" caption={t('static.userAndGroup.name')} />
                <Item dataField="groupId" caption={t('static.userAndGroup.group')} />
                <Item dataField="warehouseIds" caption={t('static.userAndGroup.warehouse')} />
                <Item dataField={t('static.userAndGroup.password')} caption={t('static.userAndGroup.password')}>
                  <PasswordBtn setPassword={setPassword} />
                </Item>
              </Item>
            </Form>
          </Editing>

          <Column dataType="string" dataField="id" caption="ID" alignment="left">
            <AsyncRule validationCallback={idValidation} />
          </Column>
          <Column dataType="string" dataField="name" caption={t('static.userAndGroup.name')}>
            <CustomRule validationCallback={standartValidation} />
            <RequiredRule />
          </Column>
          <Column dataType="string" dataField="groupId" caption={t('static.userAndGroup.group')}>
            <Lookup dataSource={userGroups} valueExpr="id" displayExpr={displayExprUsersList} />
            <RequiredRule />
          </Column>
          <Column dataType="string" dataField="warehouseIds" caption={t('static.userAndGroup.warehouse')}>
            <Lookup dataSource={warehouses} valueExpr="id" displayExpr="id" placeholder="Select employee" />
            <RequiredRule />
          </Column>
        </Table>

Прошерстил документацию на js.devexpress.com, но понял что можно перебить их и создать свою кнопку ToolbarItem, но тогда как потом привязать к ней функцию onRowInserting которая и исполняет кнопка save нативная.


Ответы (0 шт):