title: 函数 TriggerAction

函数 TriggerAction

根据上一章节 组件 actionRef, 我们仍需要一个函数对其进行调用, 该函数我们定义为: triggerAction, 函数签名如下:

  1. export interface ICacheValue {
  2.   registryName: keyof typeof registries;
  3.   componentName: string;
  4.   props: IAnyObject;
  5.   key: string;
  6.   source: IAnyObject;
  7. }
  9. export function triggerAction(
  10.   searchCondition: Partial<ICacheValue> | string,
  11.   actionName: string,
  12. ): any;

例子

点击 外部刷新 table 按钮可以通过通信的方式刷新 Table

  1. import React from 'react';
  2. import parser from '@/utils/parser/react-component-parser';
  4. export default () =>
  5.   parser.parse([
  6.     {
  7.       $$$: 'component',
  8.       registryName: 'antd',
  9.       componentName: 'Button',
  10.       props: {
  11.         type: 'primary',
  12.         onClick: {
  13.           $$$: 'function',
  14.           registryName: 'ams',
  15.           functionName: 'triggerAction',
  16.           args: ['ProTable-faf7f175', 'reload'],
  17.         },
  18.       },
  19.       children: ['外部刷新 table'],
  20.     },
  21.     {
  22.       $$$: 'component',
  23.       registryName: 'ams',
  24.       componentName: 'ProTable',
  25.       props: {
  26.         key: 'ProTable-faf7f175',
  27.         headerTitle: '测试表格',
  28.         query: '/api/rule',
  29.         forms: [
  30.           {
  31.             title: '规则名称',
  32.             dataIndex: 'name',
  33.             rules: [
  34.               {
  35.                 required: true,
  36.                 message: '规则名称为必填项',
  37.               },
  38.             ],
  39.           },
  40.           {
  41.             title: '描述',
  42.             dataIndex: 'desc',
  43.             valueType: 'textarea',
  44.           },
  45.           {
  46.             title: '服务调用次数',
  47.             dataIndex: 'callNo',
  48.             sorter: true,
  49.           },
  50.           {
  51.             title: '状态',
  52.             dataIndex: 'status',
  53.             valueEnum: {
  54.               0: { text: '关闭', status: 'Default' },
  55.               1: { text: '运行中', status: 'Processing' },
  56.               2: { text: '已上线', status: 'Success' },
  57.               3: { text: '异常', status: 'Error' },
  58.             },
  59.           },
  60.           {
  61.             title: '上次调度时间',
  62.             dataIndex: 'updatedAt',
  63.             sorter: true,
  64.             valueType: 'dateTime',
  65.           },
  66.         ],
  67.         toolBar: [
  68.           {
  69.             $$$: 'component',
  70.             registryName: 'antd',
  71.             componentName: 'Button',
  72.             props: {
  73.               onClick: {
  74.                 $$$: 'function',
  75.                 registryName: 'window',
  76.                 functionName: 'alert',
  77.                 args: ['测试'],
  78.               },
  79.             },
  80.           },
  81.         ],
  82.       },
  83.     },
  84.   ]);