简介
@dhis2/d2-ui-org-unit-tree 是一个用于构建组织结构树的 npm 包，它是由 dhis2 所提供的一套 UI 工具包，用于支持对组织机构数据的操作与显示。
安装
@dhis2/d2-ui-org-unit-tree 可以通过 npm 安装。
npm install @dhis2/d2-ui-org-unit-tree --save
引用
在代码中引入 @dhis2/d2-ui-org-unit-tree。
import OrgUnitTree from '@dhis2/d2-ui-org-unit-tree';
使用
@dhis2/d2-ui-org-unit-tree 可以接受以下参数：
model: 必填，组织机构数据所在的对象，默认是d2。onItemClick: 当点击了树中某个节点时，回调函数会被触发。selected: 初始选定的节点 ID。rootName: 根节点的名字。showRoot: 是否展示根节点，默认为 true。
以下是一个简单的使用示例：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ ----------- ---- -----------------------------
----- ---- - ------------------------------
--------------------------------
----- ----- - -
---- ----- ---- -- --------------------------
--
----------------
------------
-------------
----------------- -- ---------------------
------------------------------
------------ --- ------
--------
---
----
--完整实例
以下是一个完整的示例，它从远程的 API 加载组织机构数据，并允许用户通过点击树中的节点进行导航。
-- -------------------- ---- -------
------ ------ - --------- --------- - ---- --------
------ -------- ---- ------------
------ ----------- ---- -----------------------------
----- ---- - ------------------------------
--------------------------------
----- ------------------ - -- -- -
----- ------- --------- - -------------
----- ---------- ------------ - -------------
------------ -- -
----- ------------- - ----- -- -- -
----- -------- - ----- --------------------------------
----- ---- - ----- ----------------
---------- ---- ----- ---- -- -------------------------------- -- ------- --- -------- ---
--
----------------
-- ----
------ -
------------
-------------
----------------- -- ---------------------
-------------------
------------ --- ------
--------
--
--
--
----------------------------------- --- ------总结
@dhis2/d2-ui-org-unit-tree 是一个用于组织结构树的 npm 包，它提供了高度定制的选项，可以满足大多数场景的要求。如果您正在寻求一种展示组织机构数据的解决方案，那么 @dhis2/d2-ui-org-unit-tree 值得您一试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/116286