npm 包 bpmn-js-example-properties-panel 使用教程

阅读时长 5 分钟读完

什么是 bpmn-js-example-properties-panel?

bpmn-js-example-properties-panel 是一个针对 bpmn-js 模型编辑器的插件,可以让用户通过自定义设计器属性面板修改业务流程以满足特定需求。

安装

使用

在使用该插件之前,必须先引入 bpmn-js 模型编辑器。在初始化模型编辑器的时候,将 bpmn-js-example-properties-panel 作为插件传递给模型编辑器即可。

-- -------------------- ---- -------
------ ------ ---- ----------------------

------ ---------------------------- ---- -----------------------------------

----- ------ - --- --------
  ------------------ -
    ----------------------------
  -
---

自定义属性面板

在使用 bpmn-js-example-properties-panel 插件,开发者可以自定义设计器属性面板,以满足特定需求。

示例代码

-- -------------------- ---- -------
-- ----------
------ -------------------- ---- -----------------------------------------------------------------------------
-- -----------------------------
------ -------------------- ---- -----------------------------------------------------------------------------

-- -----------
----- ------------------------ -

  ------------------ -
    -- -----------------
    ------------------------------------------

    -- ------ -------- --
    ----- -------------------- - --- -----------------------

    -- ------------
    ---------------------------------- - ----------------- -
      ------ -
        -
          ----- -------- ----------
          --- ------------------
          ------------ --- ------- ----------
          ----- ---------
          ------ -------- ------
        -
      --
    --

    -- ------ -------- -----------
    ----- -------------------- - --- ----------------------
      ---------- ----------------
      ---------- ----------------
      ---------------- ---------------------
    ---

    -- --------------
    ------------------------------------------- -
      --- -------------
      ------ -------- -----
      ------- ---------------------------------------
    ---

  -

-

-------------------------------- - -
  ---------
  ------------------
  -----------
--

-- ------------
------ ------- -------------------------

使用自定义属性面板

将创建的自定义属性面板组件作为插件传递给 bpmn-js 模型编辑器。

-- -------------------- ---- -------
------ ------ ---- ----------------------

------ ---------------------------- ---- -----------------------------------

------ ------------------------ ---- -----------------------------

----- ------ - --- --------
  ------------------ -
    -----------------------------
    - -------------------------- -------- --------------------- -
  --
  ----------------------- -
    ---------- ---------------------------
  -
---

-- ---------------
----------------------------------------- --- -----------------------------------------------------

注意

bpmn-js-example-properties-panel 插件只能在 bpmn-js 模型编辑器中使用,如果需要使用其他的编辑器,请寻找相应的插件。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055cba81e8991b448da45f

纠错
反馈