iTwin开源包系列(二）grid组件

https://www.npmjs.com/package/@itwin/property-grid-react

1 初始化

import { PropertyGridManager } from "@itwin/property-grid-react";
import { IModelApp } from "@itwin/core-frontend";await PropertyGridManager.initialize(IModelApp.localization);

2 使用

<PropertyGridComponent// selectionStorage={unifiedSelectionStorage}autoExpandChildCategories={true}ancestorsNavigationControls={(props) => (<AncestorsNavigationControls {...props} />)}contextMenuItems={[(porps) => <AddFavoritePropertyContextMenuItem {...porps} />,(props) => <CopyPropertyTextContextMenuItem {...props} />,]}settingsMenuItems={[(props) => (<ShowHideNullValuesSettingsMenuItem{...props}persist={true}/>),]}
/>

3 组件介绍

ShowHideNullValuesSettingsMenuItem 允许隐藏空值

AddFavoritePropertyContextMenuItem 右键添加FavorateProperty

RemoveFavoritePropertyContextMenuItem 移除添加的FavorateProperty

ancestorsNavigationControls 允许对选中元素的父元素或子元素进行属性查找

注意这个组件只针对单个元素，且有父元素