fsLayui联动下拉框使用(下拉框异步加载数据)

Rindia 发布于2019-08-21 18:21 / 3154人阅读

摘要：联动下拉框可以满足省市区级联或者多级级联异步加载数据操作。演示地址特殊说明联动下拉框依赖数据字典，必须在后面引入数据字典文件数据字典使用说明联动下拉框配置联动下拉框主要在中配置特定的标签，达到联动效果。

联动下拉框可以满足省市区级联或者多级级联异步加载数据操作。
演示地址：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下拉框的使用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/90381.html

fsLayui联动下拉框使用(下拉框异步加载数据)

摘要：联动下拉框可以满足省市区级联或者多级级联异步加载数据操作。演示地址特殊说明联动下拉框依赖数据字典，必须在后面引入数据字典文件数据字典使用说明联动下拉框配置联动下拉框主要在中配置特定的标签，达到联动效果。联动下拉框可以满足省市区级联或者多级级联异步加载数据操作。演示地址：http://fslayui.itcto.cn 特殊说明联动下拉框依赖数据字典，必须在layui.js 后面引入...

RayKr 2019-08-01 18:17 评论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