国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Erweitern und reduzieren Sie alle Knoten im MUI DataGrid durch ReactJS-Programmierung
P粉068486220
P粉068486220 2023-08-13 10:39:36
0
1
1004
<p>Wie kann man alle Zeilen in <code>DataGrid</code> programmgesteuert erweitern/reduzieren? </p> <p><strong>Was habe ich versucht? </strong> Ich habe die Eigenschaft <code>defaultGroupingExpansionDepth</code> verwendet: </p> <pre class="brush:php;toolbar:false;">export const EXPAND_ALL = -1; export const COLLAPSE_ALL = 0; ... const [expandedState, setExpandedState] = useState(COLLAPSE_ALL); ... return <Stack> <Stapelabstand={2} Direction="Reihe" m={1}> <Button variant={"contained"} onClick={() => setExpandedState(EXPAND_ALL)}>Alles erweitern</Button> <Button variant={"contained"} onClick={() => setExpandedState(COLLAPSE_ALL)}>Alle reduzieren</Button> </Stack> <DataGridPro Baumdaten ... apiRef={dataGridApi} defaultGroupingExpansionDepth={expandedState} .../> </Stack>;</pre> <p>Das Problem besteht darin, dass diese Schaltfl?chen nur funktionieren, wenn der Baum <strong>nicht</strong> </p> <p>Sobald ich das Baumraster teilweise erweitere, funktionieren die Schaltfl?chen nicht mehr. Wie kann ich dafür sorgen, dass diese Schaltfl?chen unabh?ngig vom aktuellen erweiterten/reduzierten Zustand des Baumrasters funktionieren? </p>
P粉068486220
P粉068486220

Antworte allen(1)
P粉722521204

看起來你正在使用defaultGroupingExpansionDepth屬性來控制DataGrid的初始展開狀態(tài),但它可能不會(huì)隨著你展開或折疊行而動(dòng)態(tài)更新。為了使按鈕在當(dāng)前展開/折疊狀態(tài)下工作,你可以使用受控狀態(tài)的方法來管理展開狀態(tài):

<DataGridPro
    treeData
    apiRef={dataGridApi}
    groupingExpansionState={expandedState === EXPAND_ALL}
    onGroupingExpandedChange={(params) =>
      setExpandedState(params.expanded ? EXPAND_ALL : COLLAPSE_ALL)
    }
    // ...
  />
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage