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 允许对选中元素的父元素或子元素进行属性查找

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