1 Star 0 Fork 14

麦琪/formSelects

forked from imlzw/formSelects 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

formSelects

项目介绍

基于 https://github.com/hnzzmsf/layui-formSelects 的支持layui的多选下拉表单控件:新增了分页异步加载数据的功能 更多详情使用文档可参考原作者的文档。

这里只说明添加的功能。

安装教程

  1. 引用formSelects-v4.css与formSelects-v4.modify.css
  2. 引用formSelects-v4.1.js

使用说明

  1. 分页加载功能:

输入图片说明


<select id="industry_category_select"  name="industryCategory" xm-select-search=""  lay-verify="required" xm-select-radio="" 
  placeholder="行业" autocomplete="off" xm-select-height="36px" xm-select-skin="normal" xm-select="industry_category_select" lay-filter="industry_category_select" >
  <option value="">请选择行业类别</option>
</select>
						    
<script>
layui.formSelects.data('industry_select',"server", {
    url: '/industryList',
    showPage: true,
    size: 6,
    paramMap: {
        page: "page",
        size: "rows",
        keyword: "room_name_like"
    },
    initValues: '#(detail.room_id)'?['#(detail.room_id)']:null,
    beforeSuccess: function(id, searchUrl, inputValue, res){
        // 转义成formSelects识别的数据结构
        let data = [];
        if(res&&res.success){
            for(var i=0;i<res.data.length;i++){
                data.push({name: res.data[i].room_name, value:res.data[i].room_id});
            }
            res.code = 0;
            res.msg = "加载成功!";
            res.data = data;
        }
        return res;
    }
});
</script>

2.级联异步加载功能

输入图片说明

<select name="orgArea" xm-select="orgArea" lay-verify="required"  xm-select-radio="" xm-select-skin="normal">
    <option value="">请选择单位所在省市区</option>
</select>

<script>
layui.formSelects.data('orgArea', 'server', {
    url: '/city',
    linkage: true,
    linkageWidth: 130
});
</script>

空文件

简介

基于https://github.com/hnzzmsf/layui-formSelects的支持layui的多选下拉表单控件新增了分页异步加载数据的功能 更多详情可参考原作者的文档。 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/emaiqi/formSelects.git
git@gitee.com:emaiqi/formSelects.git
emaiqi
formSelects
formSelects
master

搜索帮助