2017-12-18 78 views
2

在我的API端點之一,我有一個這樣的資源:管理員休息 - 如何顯示一個Datagrid與一個ReferenceField?

{ 
    "name": "Foo", 
    "anotherField": "anotherValue" 
    "users": [ 
     { 
      "id": "XXX-XXX-XXX-XXX" 
      "firstname": "Clément", 
      "lastname": "Le Biez" 
     } 
    ] 
} 

而且我想在Show View與DataGrid組件顯示它:

 <Show {...props}> 
     <SimpleShowLayout> 
      <TextField source="id" /> 
      <TextField source="name" /> 
      <TextField source="anotherField" /> 
      {# Here use data grid for display users #} 
      <Datagrid> 

      </Datagrid> 
     </SimpleShowLayout> 
    </Show> 

我不在乎關於任何類似的ReferenceField,因爲我已經在主實體中擁有用戶資源。沒有列表或參考組件的使用Datagrid的提示是什麼?

+0

請[不要添加「謝謝」](https://meta.stackexchange.com/questions/115694/why-is-saying-thank-你 - 在 - 問題 - 不良)。 –

回答

2

Datagrid只是一個迭代器組件。它遍歷父級提供的「資源」列表。

一看爲Datagrid中源代碼顯示它接受從其父

resource, children, ids, isLoading, data, currentSort, basePath 

1)這裏的資源將被顯示

2)兒童值數組以下性質要顯示

3)id(標識)的資源的上述^^

4)isLoading的ID由父提供的各列但是是一個布爾值,嘗試設置它的默認值,看看會發生什麼

5)basePath是路徑的路徑。如果您記錄傳遞給您的show組件的道具,您可能會找到它。只需將它傳遞給datagrid即可。

如果這些都不起作用,那麼就知道Datagrid只是MUI表組件頂部的一個薄層。您可以直接使用,並根據您的需求真正定製它

相關問題