Datagrid在創建，編輯頁面

Question

我想在Create,Edit頁面內創建一個Datagrid來顯示和管理n-to-n關係。但我不知道如何將props轉換爲List和Datagrid以及props應該通過。

管理這個Datagrid的資源名爲caregiver_student，我把它放在我自定義的restClient文件中。

基本信息

相關信息

這裏是我的代碼：

<Edit title={<CaregiverTitle />} {...props}> 
    <TabbedForm> 
     <FormTab label="Personal Info"> 
      <DisabledInput source="id" /> 
      <TextInput source="name" /> 
      <TextInput source="email" /> 
      <TextInput source="phone" /> 
      <RadioButtonGroupInput source="account_type" choices={[ 
       { id: 10, name: 'Caregiver' }, 
       { id: 20, name: 'Guardian' }, 
      ]} optionText="name" optionValue="id" /> 
      <BooleanInput source="status" label="Active"/> 
     </FormTab> 
     <FormTab label="Relationship"> 
      <List actions={<RelationActions/>} location={false} title={" "}> 
       <Datagrid> 
        <TextField source="id" /> 
        <TextField source="name" label="Student"/> 
        <TextField source="relationship" /> 
        <EditButton /> 
        <DeleteButton /> 
       </Datagrid> 
      </List> 
     </FormTab> 
    </TabbedForm> 
</Edit> 

謝謝您的幫助！

Answer 1

鏈接的資源應該被封閉在一個ReferenceManyField

您可以在演示中找到一個完整的例子， 尤其是Customers Edit component

有人開始PR這可能幫助：https://github.com/marmelab/admin-on-rest/pull/744

Answer 2

我有一個類似的頁面，其中列出了屬於特定「批次ID」的「Batchunits」。

<FormTab label="resources.batches.tabs.batchunits"> 
    <ReferenceManyField addLabel={false} reference="Batchunits" target="batchid"> 
     <Datagrid bodyOptions={{ stripedRows: true, showRowHover: true}} > 
      <TextField source="unitcode" /> 
      <DateField source="harvested" /> 
      <BooleanField source="contaminated" label="Contaminated"/> 
      <TextField source="note" style={{ maxWidth: '10em', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }} /> 
      <EditUnitButton /> 
     </Datagrid> 
    </ReferenceManyField> 
</FormTab> 

但在此設置中，Formtab將不會接受創建「按鈕」來創建另一個資源的記錄。例如另一個「Batchunit」，創建另一個鏈接Batchunit會非常有用，不知道該怎麼做......