摘要:是一個基于的快速開發插件,支持數據表格增刪改查操作,提供通用的組件,通過配置實現數據請求,減少前端重復開發的工作。特殊說明和需要在數據表格基礎上多引入的文件。
fsLayuiPlugin 是一個基于layui的快速開發插件,支持數據表格增刪改查操作,提供通用的組件,通過配置html實現數據請求,減少前端js重復開發的工作。特殊說明
GitHub下載 碼云下載
測試環境地址:http://fslayui.itcto.cn需求:
左邊展示樹,右邊展示數據;點擊左邊的樹,查詢右邊的表格數據。
css和js需要在數據表格基礎上多引入ztree的文件。
樹功能實現
展示樹列表
class 必須有fsTree樣式
屬性 | 必輸 | 默認值 | 名稱 | 描述 |
---|---|---|---|---|
id | 是 | 樹id | 唯一id | |
class | 是 | 樣式 | 必須有 fsTree 樣式 | |
url | 是 | 請求地址 | ajax異步加載數據地址 | |
tableId | 是 | 數據表格id | 點擊左邊樹,需要刷新的表格id | |
inputs | 是 | 參數 | 點擊樹,異步加載表格,需要攜帶的參數 |
樹菜單操作
樹的菜單操作和 數據表格菜單操作類似,只是需要在 class 里面多增加一個樣式 fsTree ,其他的都一致, 數據表格配置參考:http://www.itcto.cn/layui/fsLayuiPlugin%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC%E4%BD%BF%E7%94%A8/#表格按鈕設置
樹demo
數據表格配置
樹+數據表格 和 普通數據表格 沒有任何區別,配置信息可以參考普通表格配置:http://www.itcto.cn/layui/fsLayuiPlugin數據表格使用/
表格demo
本文首發于我的博客:ITCTO技術博客
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/51602.html
摘要:是一個基于的快速開發插件,支持數據表格增刪改查操作,提供通用的組件,通過配置實現數據請求,減少前端重復開發的工作。特殊說明和需要在數據表格基礎上多引入的文件。 fsLayuiPlugin 是一個基于layui的快速開發插件,支持數據表格增刪改查操作,提供通用的組件,通過配置html實現數據請求,減少前端js重復開發的工作。 GitHub下載 碼云下載 測試環境地址:http://...
摘要:是一個基于的快速開發插件,支持數據表格增刪改查操作,提供通用的組件,通過配置實現數據請求,減少前端重復開發的工作。注意這里一定要修改為自己項目的配置。列表頁列表頁支持通過表單傳參查詢數據,刷新表格等功能。 fsLayui 是一個基于layui的快速開發插件,支持數據表格增刪改查操作,提供通用的組件,通過配置html實現數據請求,減少前端js重復開發的工作。 GitHub下載 碼云...
摘要:是一個基于的快速開發插件,支持數據表格增刪改查操作,提供通用的組件,通過配置實現數據請求,減少前端重復開發的工作。注意這里一定要修改為自己項目的配置。列表頁列表頁支持通過表單傳參查詢數據,刷新表格等功能。 fsLayui 是一個基于layui的快速開發插件,支持數據表格增刪改查操作,提供通用的組件,通過配置html實現數據請求,減少前端js重復開發的工作。 GitHub下載 碼云...
摘要:這里必須配置為,不然會導致異步數據渲染沖突,首次加載頁面顯示存在問題參數名稱必輸驗證類型值默認值最小長度最大長度是否本文首發于我的博客技術博客 簡單聯動表格使用 點擊主表格,加載副表格數據, 演示地址:http://fslayuiplugin.fallsea.com/views/linkageDatagrid/index.html 聯動表格配置 聯動表格配置和基礎表格配置一致,只...
摘要:這里必須配置為,不然會導致異步數據渲染沖突,首次加載頁面顯示存在問題參數名稱必輸驗證類型值默認值最小長度最大長度是否本文首發于我的博客技術博客 簡單聯動表格使用 點擊主表格,加載副表格數據, 演示地址:http://fslayuiplugin.fallsea.com/views/linkageDatagrid/index.html 聯動表格配置 聯動表格配置和基礎表格配置一致,只...
閱讀 2178·2021-11-24 09:38
閱讀 3242·2021-11-08 13:27
閱讀 3083·2021-09-10 10:51
閱讀 3143·2019-08-29 12:20
閱讀 663·2019-08-28 18:28
閱讀 3459·2019-08-26 11:53
閱讀 2706·2019-08-26 11:46
閱讀 1515·2019-08-26 10:56