成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

fsLayui數(shù)據(jù)表格使用

charles_paul / 1005人閱讀

摘要：是一個(gè)基于的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求，減少前端重復(fù)開發(fā)的工作。

fsLayui 是一個(gè)基于layui的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置html實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求，減少前端js重復(fù)開發(fā)的工作。  
GitHub下載 碼云下載  
測試環(huán)境地址：http://fslayui.itcto.cn
css和js引用 
公共css和js必須全部引用
數(shù)據(jù)表格配置 datagrid配置 
table標(biāo)簽 datagrid參數(shù)配置
datagrid demo
表格屬性配置 
表格數(shù)據(jù)請(qǐng)求配置，必須指定一個(gè)class樣式fsDatagrid，id和lay-filter必須一致。
屬性 必輸 默認(rèn)值 名稱 描述
id 是 表格id 如果只有一個(gè)數(shù)據(jù)表格，id最好為 fsDatagrid
lay-filter 是 事件監(jiān)聽id 必須和表格id一致
class 是 樣式 必須有 fsDatagrid 樣式
url 是 請(qǐng)求地址 ajax異步提交地址
isPage 否 0 是否分頁 1 分頁,0 不分頁
pageSize 否 20 每頁數(shù)量 指定數(shù)據(jù)表格每頁分頁數(shù)量
defaultForm 否 form表單id 表格查詢的前置條件，配置后，默認(rèn)把此form表單當(dāng)做datagrid查詢條件
height 否 full-130 表格高度 表格高度
isLoad 否 1 是否自動(dòng)加載 1 默認(rèn)加載，0 不加載（配置為0后，表格默認(rèn)填充空數(shù)據(jù)，點(diǎn)擊刷新或者查詢才會(huì)更新數(shù)據(jù)，一般在 聯(lián)動(dòng)表格 使用）
clickRenderTable 否 點(diǎn)擊行渲染的表格id 點(diǎn)擊表格行，渲染某個(gè)table（ 聯(lián)動(dòng)表格 使用）
clickRenderTableInputs 否 點(diǎn)擊后傳入?yún)?shù) 自定義需要傳入的參數(shù)（ 聯(lián)動(dòng)表格 使用）
表格顯示列配置 
列配置，必須在table標(biāo)簽下方定義一個(gè) div 標(biāo)簽，并且class為 fsDatagridCols
通過p標(biāo)簽，定義列的屬性內(nèi)容，參考layui官方配置：http://www.layui.com/doc/modules/table.html#cols
表格按鈕設(shè)置
屬性 必輸 默認(rèn)值 名稱 描述
lay-event 是 事件監(jiān)聽 top：彈出窗口；submit：提交數(shù)據(jù)
topUrl 否 彈出窗口地址 事件監(jiān)聽為top，此屬性必輸
topWidth 否 700px 彈出窗口寬度
topHeight 否 400px 彈出窗口高度
isMaximize 否 0 彈出窗口是否最大化 1：是， 0：否
topTitle 否 彈出窗口標(biāo)題
topMode 否 彈出窗口模型 new：新增窗口，edit：編輯窗口，readonly：只讀窗口； 新增、修改、查看共用同一個(gè)頁面使用
url 否 提交請(qǐng)求地址 事件監(jiān)聽為submit，此屬性必輸
isConfirm 否 0 是否確認(rèn)提示 1：是，0：否
confirmMsg 否 是否確定操作選中的數(shù)據(jù)? 確認(rèn)提示內(nèi)容
inputs 否 參數(shù) 自定義需要傳入的參數(shù) 
inputs參數(shù)說明
此屬性主要為了傳參

把當(dāng)前選中的行id傳入請(qǐng)求，可以配置 id:

傳入固定的指，可以配置 屬性:值 ,示例： state:1

傳入的參數(shù)和選中的列參數(shù)不一樣，可以配置 屬性:$對(duì)應(yīng)值的屬性** ，示例：**uid:$id

傳入的參數(shù)取某一個(gè)輸入框的值，可以配置 屬性:#輸入框id ，示例：name:#name

需要傳多個(gè)參數(shù)直接通過 逗號(hào) 分割，示例： id:,state:1

form表單查詢條件配置 
只需要關(guān)注form表單id和查詢按鈕配置

按鈕屬性

屬性 必輸 默認(rèn)值 名稱 描述
function 是 方法名稱 查詢寫固定值 query
tableId 否 fsDatagrid datagrid表格id 需要查詢的datagrid表格id
表格菜單工具欄配置 
通過菜單對(duì)datagrid表格增刪改查操作

按鈕屬性

屬性 必輸 默認(rèn)值 名稱 描述
function 是 方法名稱 top：彈出窗口，submit：提交數(shù)據(jù)，refresh：刷新表格，close：關(guān)閉窗口，query：查詢
topUrl 否 彈出窗口地址 事件監(jiān)聽為top，此屬性必輸
topWidth 否 700px 彈出窗口寬度
topHeight 否 400px 彈出窗口高度
isMaximize 否 0 彈出窗口是否最大化 1：是， 0：否
topTitle 否 彈出窗口標(biāo)題
topMode 否 彈出窗口模型 new：新增窗口，edit：編輯窗口，readonly：只讀窗口； 新增、修改、查看共用同一個(gè)頁面使用
url 否 提交請(qǐng)求地址 事件監(jiān)聽為submit，此屬性必輸
isSelect 否 是否單選 1：是，0：否
isMutiDml 否 是否多選 1：是，0：否
isConfirm 否 0 是否確認(rèn)提示 1：是，0：否
confirmMsg 否 是否確定操作選中的數(shù)據(jù)? 確認(rèn)提示內(nèi)容
inputs 否 參數(shù) 自定義需要傳入的參數(shù)
tableId 否 fsDatagrid datagrid表格id 需要查詢的datagrid表格id 
inputs參數(shù)說明
此屬性主要為了傳參

把當(dāng)前選中的行id傳入請(qǐng)求，可以配置 id:

傳入固定的指，可以配置 屬性:值 ,示例： state:1

傳入的參數(shù)和選中的列參數(shù)不一樣，可以配置 屬性:$對(duì)應(yīng)值的屬性** ，示例：**uid:$id

傳入的參數(shù)取某一個(gè)輸入框的值，可以配置 屬性:#輸入框id ，示例：name:#name

需要傳多個(gè)參數(shù)直接通過 逗號(hào) 分割，示例： id:,state:1 

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/92196.html

相關(guān)文章

  • fsLayui介紹(layui插件)

    摘要：是一個(gè)基于的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求，減少前端重復(fù)開發(fā)的工作。 fsLayui 是一個(gè)基于layui的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置html實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求，減少前端js重復(fù)開發(fā)的工作。 GitHub下載 碼云下載 測試環(huán)境地址：http://fslayui.itcto.cn 為什么要使用fsLa...

    Barry_Ng 評(píng)論0 收藏0

  • fsLayui數(shù)據(jù)表格使用

    摘要：是一個(gè)基于的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求，減少前端重復(fù)開發(fā)的工作。 fsLayui 是一個(gè)基于layui的快速開發(fā)插件，支持?jǐn)?shù)據(jù)表格增刪改查操作，提供通用的組件，通過配置html實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求，減少前端js重復(fù)開發(fā)的工作。 GitHub下載 碼云下載 測試環(huán)境地址：http://fslayui.itcto.cn css和js引用 公...

    Joyven 評(píng)論0 收藏0

  • fsLayui聯(lián)動(dòng)表格使用(二)

    摘要：復(fù)雜聯(lián)動(dòng)表格使用點(diǎn)擊主表格，加載副表格數(shù)據(jù)，支持主副表格的增刪改查操作。演示地址復(fù)雜聯(lián)動(dòng)表格配置和基礎(chǔ)聯(lián)通表格類似，在基礎(chǔ)上擴(kuò)展一些增刪改查功能，基礎(chǔ)聯(lián)動(dòng)表格參考復(fù)雜的聯(lián)動(dòng)表格需要在基礎(chǔ)表格上增加配置和按鈕操作。 復(fù)雜聯(lián)動(dòng)表格使用 點(diǎn)擊主表格，加載副表格數(shù)據(jù)，支持主、副表格的 增刪改查 操作。 演示地址：http://fslayui.itcto.cn 復(fù)雜聯(lián)動(dòng)表格配置 和基礎(chǔ)聯(lián)通...

    miguel.jiang 評(píng)論0 收藏0

  • fsLayui聯(lián)動(dòng)表格使用(二)

    摘要：復(fù)雜聯(lián)動(dòng)表格使用點(diǎn)擊主表格，加載副表格數(shù)據(jù)，支持主副表格的增刪改查操作。演示地址復(fù)雜聯(lián)動(dòng)表格配置和基礎(chǔ)聯(lián)通表格類似，在基礎(chǔ)上擴(kuò)展一些增刪改查功能，基礎(chǔ)聯(lián)動(dòng)表格參考復(fù)雜的聯(lián)動(dòng)表格需要在基礎(chǔ)表格上增加配置和按鈕操作。 復(fù)雜聯(lián)動(dòng)表格使用 點(diǎn)擊主表格，加載副表格數(shù)據(jù)，支持主、副表格的 增刪改查 操作。 演示地址：http://fslayui.itcto.cn 復(fù)雜聯(lián)動(dòng)表格配置 和基礎(chǔ)聯(lián)通...

    kel 評(píng)論0 收藏0

  • fsLayui快速開始

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

    anquan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<