fsLayuiPlugin數(shù)據(jù)表格動態(tài)轉(zhuǎn)義

Lionad-Morotar 發(fā)布于2019-08-21 18:25 / 1989人閱讀

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

數(shù)據(jù)表格動態(tài)轉(zhuǎn)義提供一種更簡潔的方式，主要解決前端laytpl模板轉(zhuǎn)義的問題，對于一些簡單的，例如：狀態(tài)展示，我們可以通過前端編寫laytpl模板來處理；對于動態(tài)的數(shù)據(jù)，通過這種靜態(tài)方式是沒有辦法處理。只能通過ajax異步請求后，再去轉(zhuǎn)義處理。  
把這里處理方式提供統(tǒng)一的api，只需要配置數(shù)據(jù)字典，前端簡單的配置一下就能實現(xiàn)轉(zhuǎn)義功能。

演示地址：http://fslayui.itcto.cn

特殊說明

動態(tài)轉(zhuǎn)義依賴數(shù)據(jù)字典，必須在layui.js 后面引入數(shù)據(jù)字典文件/plugins/frame/js/fsDict.js ,數(shù)據(jù)字典使用說明

動態(tài)轉(zhuǎn)義

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

數(shù)據(jù)表格轉(zhuǎn)義展示不同的樣式

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

普通轉(zhuǎn)義

靜態(tài)轉(zhuǎn)義需要配置解析模板idtemplet和模板實現(xiàn)script。  
如果選擇項比較多或者多個地方都需要使用，那么久比較繁瑣，調(diào)整一個，每個都需要修改，這種模式只能適合處理一些比較簡單的或者基本上不會進行改變的。

表格列配置templet

解析模板配置

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

GPU云服務(wù)器云服務(wù)器 js動態(tài)表格數(shù)據(jù) js獲取動態(tài)表格數(shù)據(jù)類型 js 表格動態(tài)增加一行數(shù)據(jù) js 獲取動態(tài)表格數(shù)據(jù)類型

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

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

相關(guān)文章

fsLayuiPlugin數(shù)據(jù)表格動態(tài)轉(zhuǎn)義

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

crossoverJie 2019-08-01 18:18 評論0 收藏0
fsLayuiPlugin數(shù)據(jù)字典使用

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

yhaolpz 2019-08-01 18:18 評論0 收藏0
fsLayuiPlugin數(shù)據(jù)字典使用

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

sunny5541 2019-08-21 18:25 評論0 收藏0
fsLayuiPlugin樹+數(shù)據(jù)表格使用

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

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

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

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