fsLayuiPlugin數據字典使用

yhaolpz 發布于2019-08-01 18:18 / 1968人閱讀

摘要：概述數據字典主要解決下拉框數據填充和數據表格轉義處理，一個數據字典可以多處使用。通過服務端異步請求加載數據列表。

概述

數據字典主要解決下拉框數據填充和數據表格轉義處理，一個數據字典可以多處使用。
1.多個頁面下拉框使用同樣的數據，改一個地方需要把所有頁面都要修改
2.數據表格轉義代替自己手動寫templet解析模板

數據字典提供一個通用的處理方式，支持配置靜態數據字典和動態數據字典，，數據字典文件地址plugins/frame/js/fsDict.js。

如果使用數據字典，必須在layui.js 后面引入數據字典文件/plugins/frame/js/fsDict.js

靜態數據字典

靜態數據字典通常用于不會改變的數據，例如：文章狀態（有效，無效，發布，審核），用戶狀態（有效，無效，鎖定）

使用方法：

在layui.fsDict對象中，定義一個數據字典。

例如：定義一個城市的靜態數據字典

配置城市數據字典名稱：city,city 是一個json對象

配置數據字典屬性

layui.fsDict = {
    //城市
    city : {
      formatType : "local", //local 靜態數據字典
      labelField : "name", //展示數據的屬性
      valueField : "code", //value對應的屬性
      //靜態數據，數組
      data:[{"code":"0","name":"北京","style":"color:#F00;"},
        {"code":"1","name":"上海"},
        {"code":"2","name":"廣州"},
        {"code":"3","name":"深圳"},
        {"code":"4","name":"杭州"}
      ]
    }
  }

數據表格轉義引用數據字典

只需要在表格列中，配置數據字典信息dict="city"

數據表格轉義展示不同的樣式

如果表格需要對不同的信息展示不同的樣式，在數據data中，定義style或css,可以通過此方式對不同的數據進行不同樣式展示

下拉框引用數據字典

需要在select中配置css樣式class="fsSelect"和字典配置dict="city"

動態數據字典

動態數據字典使用場景比較多，例如省市區級聯等會改變的類型。  
通過服務端異步請求加載數據列表。

使用方法：

在layui.fsDict對象中，定義一個數據字典。

例如：定義一個城市的靜態數據字典

配置省份數據字典名稱：city,city 是一個json對象

配置數據字典屬性

layui.fsDict = {
    //省份
    area1 : {
      formatType : "server", //server 動態數據字典
      loadUrl : "/fsbus/1005", //異步加載數據的url地址
      inputs : "parentid:0", //異步請求攜帶的參數
      labelField : "name", //示數據的屬性
      valueField : "id" //value對應的屬性
    }
  }

數據表格轉義引用數據字典

只需要在表格列中，配置數據字典信息dict="area1"

下拉框引用數據字典

需要在select中配置css樣式class="fsSelect"和字典配置dict="area1"

靜態字典和動態字典區別

靜態字典和動態字典html使用上沒有任何區別，主要區別在于fsDict.js中的配置方式不一樣，獲取數據方式。

字典配置說明

屬性	必輸	默認值	名稱	描述
formatType	是		格式化方式	server：動態字典，local：靜態字典
loadUrl	否		異步加載url	異步加載數據的url地址
inputs	否		參數	異步請求攜帶的參數
labelField	是		展示數據的屬性	顯示信息對應的字段
valueField	是		value對應的屬性	value值對應的字段
data	否		靜態數據數組	靜態數據字典使用
spaceMode	否	,	展示多個數據分隔符	數據表格轉義時使用，多個數據的分隔符

inputs參數使用說明

如果使用固定參數，可以直接屬性:值，demo：parentid:0，如果需要多個參數可以通過,分割，demo：parentid:0,name:test
聯動表格如果要傳入當前選中的值，可以直接屬性:，不需要寫值，默認直接獲取當前選中的，demo：parentid:。
如果需要傳入其他選擇器的值，可以配置屬性:#選擇器id，例如：key:#area2222222

本文首發于我的博客：ITCTO技術博客

GPU云服務器云服務器字典的使用 fsLayuiPlugin 數據字典 javaee數據字典

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51643.html

fsLayuiPlugin數據字典使用

摘要：概述數據字典主要解決下拉框數據填充和數據表格轉義處理，一個數據字典可以多處使用。通過服務端異步請求加載數據列表。概述數據字典主要解決下拉框數據填充和數據表格轉義處理，一個數據字典可以多處使用。 1.多個頁面下拉框使用同樣的數據，改一個地方需要把所有頁面都要修改 2.數據表格轉義代替自己手動寫templet解析模板數據字典提供一個通用的處理方式，支持配置靜態數據字典和動態數據...

sunny5541 2019-08-21 18:25 評論0 收藏0
fsLayuiPlugin數據表格動態轉義

摘要：數據表格動態轉義提供一種更簡潔的方式，主要解決前端模板轉義的問題，對于一些簡單的，例如狀態展示，我們可以通過前端編寫模板來處理對于動態的數據，通過這種靜態方式是沒有辦法處理。只能通過異步請求后，再去轉義處理。數據表格動態轉義提供一種更簡潔的方式，主要解決前端laytpl模板轉義的問題，對于一些簡單的，例如：狀態展示，我們可以通過前端編寫laytpl模板來處理；對于動態的數據，通過這種...

crossoverJie 2019-08-01 18:18 評論0 收藏0
fsLayuiPlugin數據表格動態轉義

摘要：數據表格動態轉義提供一種更簡潔的方式，主要解決前端模板轉義的問題，對于一些簡單的，例如狀態展示，我們可以通過前端編寫模板來處理對于動態的數據，通過這種靜態方式是沒有辦法處理。只能通過異步請求后，再去轉義處理。數據表格動態轉義提供一種更簡潔的方式，主要解決前端laytpl模板轉義的問題，對于一些簡單的，例如：狀態展示，我們可以通過前端編寫laytpl模板來處理；對于動態的數據，通過這種...

Lionad-Morotar 2019-08-21 18:25 評論0 收藏0
fsLayuiPlugin樹+數據表格使用

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

sixgo 2019-08-01 18:15 評論0 收藏0
fsLayuiPlugin樹+數據表格使用

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

gnehc 2019-08-21 18:19 評論0 收藏0