fsLayui聯動下拉框使用(下拉框異步加載數據)

RayKr 發布于2019-08-01 18:17 / 2713人閱讀

摘要：聯動下拉框可以滿足省市區級聯或者多級級聯異步加載數據操作。演示地址特殊說明聯動下拉框依賴數據字典，必須在后面引入數據字典文件數據字典使用說明聯動下拉框配置聯動下拉框主要在中配置特定的標簽，達到聯動效果。

聯動下拉框可以滿足省市區級聯或者多級級聯異步加載數據操作。
演示地址：http://fslayui.itcto.cn

特殊說明

聯動下拉框依賴數據字典，必須在layui.js 后面引入數據字典文件/plugins/frame/js/fsDict.js ,數據字典使用說明

聯動下拉框配置

聯動下拉框主要在select中配置特定的標簽，達到聯動效果。

使用說明：

select必須配置樣式fsSelect

聯動下拉框必須配置事件監聽器lay-filter和子選擇器childrenSelectId

聯動下拉框除了第一級別的需要自動加載，其他的二級以下的需要點擊上級才需要加載，第二級以下的需要配置isLoad="0"

配置數據字典屬性dict，數據字典使用說明

聯動下拉框demo

普通下拉框demo

普通的下拉框只需要配置樣式fsSelect和數據字典屬性dict，數據字典使用說明


  省份

配置說明

屬性	必輸	默認值	名稱	描述
id	是		選擇器id	唯一id
lay-filter	否		事件過濾器	聯動下拉框必須配置，點擊事件處理
class	是		樣式	下拉框異步加載必須有fsSelect樣式
isLoad	否	1	是否自動加載	默認自動加載，只有增加fsSelect才有效，1：加載；0：不加載
addNull	否		是否追加空值
dict	是		字典屬性	數據字典信息
childrenSelectId	否		子選擇性id	聯動下拉框使用，用于配置點擊后，需要加載的子select

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

GPU云服務器云服務器 js加載下拉框數據下拉框聯動三級聯動下拉框 html下拉框的使用

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

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

fsLayui聯動下拉框使用(下拉框異步加載數據)

摘要：聯動下拉框可以滿足省市區級聯或者多級級聯異步加載數據操作。演示地址特殊說明聯動下拉框依賴數據字典，必須在后面引入數據字典文件數據字典使用說明聯動下拉框配置聯動下拉框主要在中配置特定的標簽，達到聯動效果。聯動下拉框可以滿足省市區級聯或者多級級聯異步加載數據操作。演示地址：http://fslayui.itcto.cn 特殊說明聯動下拉框依賴數據字典，必須在layui.js 后面引入...

Rindia 2019-08-21 18:21 評論0 收藏0
fsLayui介紹(layui插件)

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

Barry_Ng 2019-08-22 11:16 評論0 收藏0
fsLayui數據表格使用

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

Joyven 2019-08-01 18:14 評論0 收藏0
fsLayui數據表格使用

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

charles_paul 2019-08-22 11:19 評論0 收藏0
AJAX入門這一篇就夠了

摘要：性能會有所降低一點內容，刷新整個頁面用戶的操作頁面會中斷整個頁面被刷新了就是能夠做到局部刷新三對象是中最重要的一個對象。頭信息已經接收，響應數據尚未接收。一、什么是Ajax Ajax(Asynchronous JavaScript and XML) 異步JavaScript和XML Ajax實際上是下面這幾種技術的融合： (1)XHTML和CSS的基于標準的表示技術 (2)DOM進...

tunny 2019-08-19 10:41 評論0 收藏0