今天給各位分享layui模板引擎數(shù)據(jù)更新后,沒(méi)更新的知識(shí)，其中也會(huì)對(duì)layui模版引擎進(jìn)行解釋?zhuān)绻芘銮山鉀Q你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注本站，現(xiàn)在開(kāi)始吧！

本文目錄一覽：

• 1、layui如何處理返回的json數(shù)據(jù)
• 2、layui 的基本使用介紹
• 3、Layui的數(shù)據(jù)表格增刪改，后端回傳json格式封裝

layui如何處理返回的json數(shù)據(jù)

處理方法：

1、是將后端返回的數(shù)據(jù)改成layui標(biāo)準(zhǔn)格式就好啦(手動(dòng)滑稽)。

2、方法二：借助response參數(shù)來(lái)重新設(shè)定返回的數(shù)據(jù)格式通過(guò)responsetip-14layui篩選列不隨頁(yè)。

layui 的基本使用介紹

方法：layui.define([mods], callback)

本地存儲(chǔ)是對(duì) localStorage 和 sessionStorage 的友好封裝，可更方便地管理本地?cái)?shù)據(jù)。

localStorage 持久化存儲(chǔ)：layui.data(table, settings)，數(shù)據(jù)會(huì)永久存在，除非物理刪除。

sessionStorage 會(huì)話性存儲(chǔ)：layui.sessionData(table, settings)，頁(yè)面關(guān)閉后即失效。注：layui 2.2.5 新增

layui.device(key)

方法/屬性 描述

layui.cache 靜態(tài)屬性。獲得一些配置及臨時(shí)的緩存信息

layui.extend(options) 拓展一個(gè)模塊別名，如：layui.extend({test: '/res/js/test'})

layui.each(obj, fn) 對(duì)象（Array、Object、DOM對(duì)象等）遍歷，可用于取代for語(yǔ)句

layui.getStyle(node, name) 獲得一個(gè)原始DOM節(jié)點(diǎn)的style屬性值，如：layui.getStyle(document.body, 'font-size')

layui.img(url, callback, error) 圖片預(yù)加載

layui.sort(obj, key, desc) 將數(shù)組中的對(duì)象按某個(gè)成員重新對(duì)該數(shù)組排序，如：layui.sort([{a: 3},{a: 1},{a: 5}], 'a')

layui.router() 獲得location.hash路由，目前在Layui中沒(méi)發(fā)揮作用。對(duì)做單頁(yè)應(yīng)用會(huì)派上用場(chǎng)。

layui.hint() 向控制臺(tái)打印一些異常信息，目前只返回了error方法：layui.hint().error('出錯(cuò)啦')

layui.stope(e) 阻止事件冒泡

layui.onevent(modName, events, callback) 自定義模塊事件，屬于比較高級(jí)的應(yīng)用。有興趣的同學(xué)可以閱讀layui.js源碼以及form模塊

layui.event(modName, events, params) 執(zhí)行自定義模塊事件，搭配onevent使用

layui.factory(modName) 用于獲取模塊對(duì)應(yīng)的 define 回調(diào)函數(shù)

模塊命名空間

layui 的模塊接口會(huì)綁定在 layui 對(duì)象下，內(nèi)部由 layui.define() 方法來(lái)完成。每一個(gè)模塊都會(huì)一個(gè)特有的名字，并且無(wú)法被占用。所以你無(wú)需擔(dān)心模塊的空間被污染，除非你主動(dòng) delete layui.{模塊名}。調(diào)用模塊可通過(guò) layui.use 方法來(lái)實(shí)現(xiàn)，然后再通過(guò) layui 對(duì)象獲得模塊接口。

如何使用內(nèi)部jQuery

//主動(dòng)加載jquery模塊

layui.use(['jquery', 'layer'], function(){

var //重點(diǎn)處

,layer = layui.layer;

//后面就跟你平時(shí)使用jQuery一樣

$('body').append('hello jquery');

});

Layui的數(shù)據(jù)表格增刪改，后端回傳json格式封裝

最近有個(gè)需求，實(shí)現(xiàn)前端頁(yè)面一個(gè)數(shù)據(jù)表格可編輯，隨原頁(yè)面的表單提交json數(shù)據(jù)，然后后端回傳顯示。Layui原來(lái)也沒(méi)怎么用過(guò)，記個(gè)筆記記錄一下。

添加行的有個(gè)小bug，超過(guò)分頁(yè)行數(shù)后，再添加會(huì)變成無(wú)數(shù)據(jù)。所以只好初始設(shè)置分頁(yè)為50。

另外，搞了個(gè)隱藏的標(biāo)簽隨表單一起提交：

從數(shù)據(jù)表格的緩存中獲取表格內(nèi)輸入的值放入標(biāo)簽：

這個(gè)之前從table的緩存中提取得到提交的json串含有Layui數(shù)據(jù)表格的索引，回傳Layuitable顯示的時(shí)候不需要，需要去掉。所以后端用了個(gè)正則表達(dá)式去除。

為了滿(mǎn)足layui數(shù)據(jù)表格的返回格式，封裝了一下數(shù)據(jù)格式。

關(guān)于layui模板引擎數(shù)據(jù)更新后,沒(méi)更新和layui模版引擎的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。