天天看點

React使用antd Table生成層級多選元件

  使用者對不同的應用需要有不同的權限,使用者一般和角色關聯在一起,建立角色的時候會選擇該角色對應的應用,然後對應用配置設定權限。于是寫了一種實作的方式。首先應用是一個二級樹,一級表示的是應用分組,二級表示的是應用,這是table的最左邊的資料。然後是按鈕的資料,這裡顯示在table的頭部。

  

React使用antd Table生成層級多選元件

 View Code

  利用antd table實作層級多選元件。

  具體思路:

<a></a>

   封裝antd 的Checkbox元件

  js實作的Map工具類。

  功能雖然完成了,但是總是避免不了需求的變更。要求選擇左邊應用對應的checkbox時,不在操作該應用對應的按鈕的checkbox,也就是整個行不是全選了。應用對應的checkbox用來進行删除操作。

React使用antd Table生成層級多選元件

  最近使用react + redux + webpack進行web開發,感覺進步很快,已經熟悉了基本的流程。後續要研究一下webpack。

本文轉自 小眼兒 部落格園部落格,原文連結:http://www.cnblogs.com/hujunzheng/p/5812046.html,如需轉載請自行聯系原作者