Refer

Refer

作者：王书硕

form中设置

getEditOptions之editParams

editParams是定义每个field（也可以设置子表的field）的编辑态的参数。

{
  [key: fieldName]: 参数对象
}

参数对象需要根据field具体是什么来行确定，比如field可能是数字、字符串、参照等，对应的渲染组件就是NumberField，ReferField，TextField等，参数对象就是对应的渲染组件的参数。

参数

// 高级参照支持多选
enableMultiInsert: true,
criteriaStr: criteriaStr,
referConfigResolver: referConfig => {
  return Object.assign({}, referConfig, {
    displayField: 'code',
  });
},
advanceReferProps: {
  categoryCriteriaStr: ,
},
queryFields: [],
onMultiInsert: (
  data: Array<ICustomizedCarryoverProgrammeSubjectSetting>,
  editRowField: MSTFormField,
) => {
  if (Array.isArray(data) && data.length > 0) {
    const origin = editRowField.value || [];
    for (let i = 0, len = data.length; i < len; i += 1) {
      data[i] = Object.assign(data[i], {
        summary: origin.summary,
      });
    }
  }
},

enableMultiInsert

高级参照，多选插入子表。

在ParamsController中处理它。为true时，会在advanceReferProps中加isMulti和onChange。从而实现了多选自动插入子表。

if (referParams.enableMultiInsert && this.presenter.api.isDetailInsertable(detailName)) {
  referParams['advanceReferProps'] = Object.assign({}, referParams['advanceReferProps'], {
    isMulti: true,
    onChange: value => {
      this.detailController.onAdvanceReferMultipleSelect(
        detailName,
        colFieldName,
        value,
        rowIndex,
        referParams,
      );
    },
  });

suppressQuickCreate

参照中默认显示了一个新建按钮，如果不需要，可以设置为true。

高级参照多选

针对高级参照的多选的一种实现：

 return {
    entityName: 'WorkforceResource',
    criteriaStr: criteriaStr,
    queryFields: ['id', 'code', 'name'],
    enableMultiInsert: true,
    advanceReferProps: {
      criteriaStr: criteriaStr,
      isMulti: true,
      onChange: value => {
        if (!value.length) return;
        runInAction(() => {
          const index = this.formPresenter.formController.getNotEmptyView(this.logicPath).length;
          if (index !== 0) {
            params.data.participantType = this.defaultParticipantType
            params.data.participant = value[0]
            params.data.participantWorkforceResource = value[0]
          }
          for (let i = index; i < value.length; i++) {
            const participant = value[i];
            const rowValue = {
              participantType: this.defaultParticipantType,
              participant,
              participantWorkforceResource: participant,
            }
            this.bizFormPresenter.api.insertRow(this.logicPath, i, rowValue);
          }
        })
      },
    },
  };
}

忽略数据权限

针对AgRefer组件，3种场景

  1. ignoreAuth最简单的方式，但是可能有问题
<AgRefer
  ignoreAuth={true}
/>
  1. 如果第一种方式不行，可以用这种方式。
<AgRefer
  scenarioContextObject={'ignoreDataAuth'}
  scenarioActionId={'view'}
/>
  1. 如果需要忽略组织隔离，可以加上isDisabledOrgScope={true}
<AgRefer
  isDisabledOrgScope={true}
  scenarioContextObject={'ignoreDataAuth'}
  scenarioActionId={'view'}
/>