摘要:聯(lián)動(dòng)下拉框可以滿足省市區(qū)級(jí)聯(lián)或者多級(jí)級(jí)聯(lián)異步加載數(shù)據(jù)操作。演示地址特殊說(shuō)明聯(lián)動(dòng)下拉框依賴數(shù)據(jù)字典,必須在后面引入數(shù)據(jù)字典文件數(shù)據(jù)字典使用說(shuō)明聯(lián)動(dòng)下拉框配置聯(lián)動(dòng)下拉框主要在中配置特定的標(biāo)簽,達(dá)到聯(lián)動(dòng)效果。
聯(lián)動(dòng)下拉框可以滿足省市區(qū)級(jí)聯(lián)或者多級(jí)級(jí)聯(lián)異步加載數(shù)據(jù)操作。特殊說(shuō)明
演示地址:http://fslayui.itcto.cn
聯(lián)動(dòng)下拉框依賴數(shù)據(jù)字典,必須在layui.js 后面引入數(shù)據(jù)字典文件/plugins/frame/js/fsDict.js ,數(shù)據(jù)字典使用說(shuō)明聯(lián)動(dòng)下拉框配置
聯(lián)動(dòng)下拉框主要在select中配置特定的標(biāo)簽,達(dá)到聯(lián)動(dòng)效果。
使用說(shuō)明:
select必須配置樣式fsSelect
聯(lián)動(dòng)下拉框必須配置事件監(jiān)聽(tīng)器lay-filter和子選擇器childrenSelectId
聯(lián)動(dòng)下拉框除了第一級(jí)別的需要自動(dòng)加載,其他的二級(jí)以下的需要點(diǎn)擊上級(jí)才需要加載,第二級(jí)以下的需要配置isLoad="0"
配置數(shù)據(jù)字典屬性dict,數(shù)據(jù)字典使用說(shuō)明
聯(lián)動(dòng)下拉框demo普通下拉框demo
普通的下拉框只需要配置樣式fsSelect和數(shù)據(jù)字典屬性dict,數(shù)據(jù)字典使用說(shuō)明
配置說(shuō)明
屬性 | 必輸 | 默認(rèn)值 | 名稱 | 描述 |
---|---|---|---|---|
id | 是 | 選擇器id | 唯一id | |
lay-filter | 否 | 事件過(guò)濾器 | 聯(lián)動(dòng)下拉框必須配置,點(diǎn)擊事件處理 | |
class | 是 | 樣式 | 下拉框異步加載必須有fsSelect樣式 | |
isLoad | 否 | 1 | 是否自動(dòng)加載 | 默認(rèn)自動(dòng)加載,只有增加fsSelect才有效,1:加載;0:不加載 |
addNull | 否 | 是否追加空值 | ||
dict | 是 | 字典屬性 | 數(shù)據(jù)字典信息 | |
childrenSelectId | 否 | 子選擇性id | 聯(lián)動(dòng)下拉框使用,用于配置點(diǎn)擊后,需要加載的子select |
本文首發(fā)于我的博客:ITCTO技術(shù)博客
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/90381.html
摘要:聯(lián)動(dòng)下拉框可以滿足省市區(qū)級(jí)聯(lián)或者多級(jí)級(jí)聯(lián)異步加載數(shù)據(jù)操作。演示地址特殊說(shuō)明聯(lián)動(dòng)下拉框依賴數(shù)據(jù)字典,必須在后面引入數(shù)據(jù)字典文件數(shù)據(jù)字典使用說(shuō)明聯(lián)動(dòng)下拉框配置聯(lián)動(dòng)下拉框主要在中配置特定的標(biāo)簽,達(dá)到聯(lián)動(dòng)效果。 聯(lián)動(dòng)下拉框可以滿足省市區(qū)級(jí)聯(lián)或者多級(jí)級(jí)聯(lián)異步加載數(shù)據(jù)操作。演示地址:http://fslayui.itcto.cn 特殊說(shuō)明 聯(lián)動(dòng)下拉框依賴數(shù)據(jù)字典,必須在layui.js 后面引入...
摘要:是一個(gè)基于的快速開(kāi)發(fā)插件,支持?jǐn)?shù)據(jù)表格增刪改查操作,提供通用的組件,通過(guò)配置實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求,減少前端重復(fù)開(kāi)發(fā)的工作。 fsLayui 是一個(gè)基于layui的快速開(kāi)發(fā)插件,支持?jǐn)?shù)據(jù)表格增刪改查操作,提供通用的組件,通過(guò)配置html實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求,減少前端js重復(fù)開(kāi)發(fā)的工作。 GitHub下載 碼云下載 測(cè)試環(huán)境地址:http://fslayui.itcto.cn 為什么要使用fsLa...
摘要:是一個(gè)基于的快速開(kāi)發(fā)插件,支持?jǐn)?shù)據(jù)表格增刪改查操作,提供通用的組件,通過(guò)配置實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求,減少前端重復(fù)開(kāi)發(fā)的工作。 fsLayui 是一個(gè)基于layui的快速開(kāi)發(fā)插件,支持?jǐn)?shù)據(jù)表格增刪改查操作,提供通用的組件,通過(guò)配置html實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求,減少前端js重復(fù)開(kāi)發(fā)的工作。 GitHub下載 碼云下載 測(cè)試環(huán)境地址:http://fslayui.itcto.cn css和js引用 公...
摘要:是一個(gè)基于的快速開(kāi)發(fā)插件,支持?jǐn)?shù)據(jù)表格增刪改查操作,提供通用的組件,通過(guò)配置實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求,減少前端重復(fù)開(kāi)發(fā)的工作。 fsLayui 是一個(gè)基于layui的快速開(kāi)發(fā)插件,支持?jǐn)?shù)據(jù)表格增刪改查操作,提供通用的組件,通過(guò)配置html實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求,減少前端js重復(fù)開(kāi)發(fā)的工作。 GitHub下載 碼云下載 測(cè)試環(huán)境地址:http://fslayui.itcto.cn css和js引用 公...
摘要:性能會(huì)有所降低一點(diǎn)內(nèi)容,刷新整個(gè)頁(yè)面用戶的操作頁(yè)面會(huì)中斷整個(gè)頁(yè)面被刷新了就是能夠做到局部刷新三對(duì)象是中最重要的一個(gè)對(duì)象。頭信息已經(jīng)接收,響應(yīng)數(shù)據(jù)尚未接收。 一、什么是Ajax Ajax(Asynchronous JavaScript and XML) 異步JavaScript和XML Ajax實(shí)際上是下面這幾種技術(shù)的融合: (1)XHTML和CSS的基于標(biāo)準(zhǔn)的表示技術(shù) (2)DOM進(jìn)...
閱讀 3202·2023-04-26 01:39
閱讀 3354·2023-04-25 18:09
閱讀 1623·2021-10-08 10:05
閱讀 3241·2021-09-22 15:45
閱讀 2790·2019-08-30 15:55
閱讀 2401·2019-08-30 15:54
閱讀 3173·2019-08-30 15:53
閱讀 1335·2019-08-29 12:32