fsLayui聯(lián)動下拉框使用(下拉框異步加載數(shù)據(jù))

Rindia 發(fā)布于2019-08-21 18:21 / 3179人閱讀

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

聯(lián)動下拉框可以滿足省市區(qū)級聯(lián)或者多級級聯(lián)異步加載數(shù)據(jù)操作。
演示地址：http://fslayui.itcto.cn

特殊說明

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

聯(lián)動下拉框配置

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

使用說明：

select必須配置樣式fsSelect

聯(lián)動下拉框必須配置事件監(jiān)聽器lay-filter和子選擇器childrenSelectId

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

配置數(shù)據(jù)字典屬性dict，數(shù)據(jù)字典使用說明

聯(lián)動下拉框demo


  省份
  
    
  
  城市
  
    
  
  區(qū)

普通下拉框demo

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


  省份

配置說明

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

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

GPU云服務器云服務器 js加載下拉框數(shù)據(jù) 下拉框聯(lián)動三級聯(lián)動下拉框 html下拉框的使用

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

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

fsLayui聯(lián)動下拉框使用(下拉框異步加載數(shù)據(jù))

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

RayKr 2019-08-01 18:17 評論0 收藏0
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 2019-08-22 11:16 評論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引用公...

Joyven 2019-08-01 18:14 評論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 2019-08-22 11:19 評論0 收藏0
AJAX入門這一篇就夠了

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

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