fsLayuiPlugin樹+數(shù)據(jù)表格使用

gnehc 發(fā)布于2019-08-21 18:19 / 365人閱讀

摘要：是一個基于的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置實現(xiàn)數(shù)據(jù)請求，減少前端重復(fù)開發(fā)的工作。特殊說明和需要在數(shù)據(jù)表格基礎(chǔ)上多引入的文件。

fsLayuiPlugin 是一個基于layui的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置html實現(xiàn)數(shù)據(jù)請求，減少前端js重復(fù)開發(fā)的工作。  
GitHub下載 碼云下載  
測試環(huán)境地址：http://fslayui.itcto.cn需求：  
左邊展示樹，右邊展示數(shù)據(jù)；點擊左邊的樹，查詢右邊的表格數(shù)據(jù)。

特殊說明

css和js需要在數(shù)據(jù)表格基礎(chǔ)上多引入ztree的文件。

樹功能實現(xiàn)

展示樹列表

class 必須有fsTree樣式

屬性	必輸	名稱	描述
id	是	樹id	唯一id
class	是	樣式	必須有 fsTree 樣式
url	是	請求地址	ajax異步加載數(shù)據(jù)地址
tableId	是	數(shù)據(jù)表格id	點擊左邊樹，需要刷新的表格id
inputs	是	參數(shù)	點擊樹，異步加載表格，需要攜帶的參數(shù)

樹菜單操作

樹的菜單操作和 數(shù)據(jù)表格菜單操作類似，只是需要在 class 里面多增加一個樣式 fsTree ，其他的都一致， 數(shù)據(jù)表格配置參考：http://www.itcto.cn/layui/fsLayuiPlugin%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC%E4%BD%BF%E7%94%A8/#表格按鈕設(shè)置

樹demo

數(shù)據(jù)表格配置

樹+數(shù)據(jù)表格 和 普通數(shù)據(jù)表格 沒有任何區(qū)別，配置信息可以參考普通表格配置：http://www.itcto.cn/layui/fsLayuiPlugin數(shù)據(jù)表格使用/

表格demo

本文首發(fā)于我的博客：ITCTO技術(shù)博客

云服務(wù)器 GPU云服務(wù)器樹表格表格生成json樹 fsLayuiPlugin 樹結(jié)構(gòu)數(shù)據(jù)存儲

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/90353.html

相關(guān)文章

fsLayuiPlugin樹+數(shù)據(jù)表格使用

摘要：是一個基于的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置實現(xiàn)數(shù)據(jù)請求，減少前端重復(fù)開發(fā)的工作。特殊說明和需要在數(shù)據(jù)表格基礎(chǔ)上多引入的文件。 fsLayuiPlugin 是一個基于layui的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置html實現(xiàn)數(shù)據(jù)請求，減少前端js重復(fù)開發(fā)的工作。 GitHub下載碼云下載測試環(huán)境地址：http://...

sixgo 2019-08-01 18:15 評論0 收藏0
fsLayui快速開始

摘要：是一個基于的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置實現(xiàn)數(shù)據(jù)請求，減少前端重復(fù)開發(fā)的工作。注意這里一定要修改為自己項目的配置。列表頁列表頁支持通過表單傳參查詢數(shù)據(jù)，刷新表格等功能。 fsLayui 是一個基于layui的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置html實現(xiàn)數(shù)據(jù)請求，減少前端js重復(fù)開發(fā)的工作。 GitHub下載碼云...

anquan 2019-08-02 15:59 評論0 收藏0
fsLayui快速開始

摘要：是一個基于的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置實現(xiàn)數(shù)據(jù)請求，減少前端重復(fù)開發(fā)的工作。注意這里一定要修改為自己項目的配置。列表頁列表頁支持通過表單傳參查詢數(shù)據(jù)，刷新表格等功能。 fsLayui 是一個基于layui的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置html實現(xiàn)數(shù)據(jù)請求，減少前端js重復(fù)開發(fā)的工作。 GitHub下載碼云...

lordharrd 2019-08-22 11:15 評論0 收藏0
fsLayuiPlugin聯(lián)動表格使用(一)

摘要：這里必須配置為，不然會導(dǎo)致異步數(shù)據(jù)渲染沖突，首次加載頁面顯示存在問題參數(shù)名稱必輸驗證類型值默認(rèn)值最小長度最大長度是否本文首發(fā)于我的博客技術(shù)博客簡單聯(lián)動表格使用點擊主表格，加載副表格數(shù)據(jù)，演示地址：http://fslayuiplugin.fallsea.com/views/linkageDatagrid/index.html 聯(lián)動表格配置聯(lián)動表格配置和基礎(chǔ)表格配置一致，只...

李昌杰 2019-08-01 18:15 評論0 收藏0
fsLayuiPlugin聯(lián)動表格使用(一)

摘要：這里必須配置為，不然會導(dǎo)致異步數(shù)據(jù)渲染沖突，首次加載頁面顯示存在問題參數(shù)名稱必輸驗證類型值默認(rèn)值最小長度最大長度是否本文首發(fā)于我的博客技術(shù)博客簡單聯(lián)動表格使用點擊主表格，加載副表格數(shù)據(jù)，演示地址：http://fslayuiplugin.fallsea.com/views/linkageDatagrid/index.html 聯(lián)動表格配置聯(lián)動表格配置和基礎(chǔ)表格配置一致，只...

ckllj 2019-08-21 18:18 評論0 收藏0