layui layselect下拉框插件代码

 所属分类:下拉框Select

 浏览:758次-  下载:0次-  评论: 0次-  更新时间:2021-09-28

1.  直接放到layui/lay/modules/模块下作为原生组件

2.  自定义目录如/modules/,layui.use之前声明使用

    layui.config({ base: '../js/layui_exts/' }).extend({ regionSelect: 'regionSelect/regionSelect' }).use([''],function(){})

3.  使用样例

layui.config({
    base: 'js/modules/'
}).extend({
    layselect: 'layselect'
}).use(['jquery', 'form', 'layselect'], function() {
    var select = layui.layselect,
        $ = layui.jquery,
        form = layui.form;
    console.log(select);
    select.render({
        elem: "#unit",
        url: 'json/groupshow.json', //归属类型
    });
    select.render({
        elem: "#subjectType",
        url: 'json/common.json', //归属类型
        format: function(data) {
            console.log(data);
            return data;
        }
    });
});


API说明

属性说明默认值
url  

获取数据的请求地址,返回标准JSON格式:

{code:'',codeName:'',status:'',groupName:'',groupChilddren:[]}  

必传
elem|绑定的元素ID必传
data|请求URL携带的参数非必传
type|请求URL的方式,默认get非必传
format|请求返回数据格式与标准格式不一致时做映射处理非必传
select指定默认选择项非必传
onselect选中时触发监听函数,一般用于事件处理或者联动非必传


金币说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值金币充值会员更多说明»
描述:在项目使用过程中可简单配置select的下拉框的数据,包含了常用的各种情况:分组展示,一般展示,禁用映射,联动类型

文件目录结构

  • ┝ www.zzsucai.com.txt
  • ┝ 站长素材网.url
  • js
      • modules
          • ┝ layselect.js
  • ┝ index.html
  • json
      • ┝ producttype-3-1.json
      • ┝ producttype-1-1.json
      • ┝ producttype-1-2.json
      • ┝ producttype-1-3.json
      • ┝ groupshow.json
      • ┝ producttype-3-2.json
      • ┝ producttype-3.json
      • ┝ producttype-1.json
      • ┝ common.json
      • ┝ producttype.json
      • ┝ producttype-2-2.json
      • ┝ forbidden.json
      • ┝ producttype-2-1.json
      • ┝ producttype-2.json

相关素材

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!
我的金币余额: 0 已下载次数: 0
所需金币:15开始下载

金币获取:签到、评论、投搞、充值、发帖、回帖    » 在线充值(10金币=1元)