AdvanceDialog

AdvanceDialog

作者:王书硕


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import { showDialog, requestDialogId, closeDialog } from '@root/common/dialog';
import { AdvanceDialog } from '@q7/micro-core-web-app/advance-dialog/index';

function renderDialog() {
  const dialogId = requestDialogId();

  showDialog(dialogId, (
    <AdvanceDialog 
      isOpen
      title="催办" 
      buttons={[{
        text: '确定',
        onClick: () => {
          closeDialog(dialogId)
        }
      }]}
      onClose={() => {
        closeDialog(dialogId)
      }} 
    >
      
    </AdvanceDialog>
  ))
}

列宽可以通过鼠标拖动

enableColResize={true}
autoContainerWidth={false}
import {
  closeDialog,
  requestDialogId,
  showDialogInTab,
  showDialog,
} from "@q7/micro-core-web-app/common/dialog";
import { AdvanceDialog } from '@q7/micro-core-web-app/advance-dialog/index';

在tab页签内部打开dialog ———— showDialogInTab