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

資訊專欄INFORMATION COLUMN

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

Joyven / 2085人閱讀

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

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

把當前選中的行id傳入請求，可以配置 id:

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

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

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

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

form表單查詢條件配置 
只需要關注form表單id和查詢按鈕配置

按鈕屬性

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

按鈕屬性

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

把當前選中的行id傳入請求，可以配置 id:

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

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

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

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

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

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

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

相關文章

  • fsLayui介紹(layui插件)

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

    Barry_Ng 評論0 收藏0

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

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

    charles_paul 評論0 收藏0

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

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

    miguel.jiang 評論0 收藏0

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

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

    kel 評論0 收藏0

  • fsLayui快速開始

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

    anquan 評論0 收藏0

發(fā)表評論

0條評論

Joyven

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<