在这个示例中,我们创建了一个layui的select组件,并为每个option元素添加了一个data-id属性。当用户选择某个选项时,我们通过JavaScript获取该选项的value和data-id属性,并在控制台中打印出来。
1. 在需要存储数据的HTML元素中添加lay-data属性,例如: ```html 点击我 ``` 2. lay-data的属性值是一个JSON格式的字符串,可以在其中存储多个键值对,键和值之间使用冒号分隔,多个键值对之间使用逗号分隔。 3. 在Javascript中,可以使用Layui的数据管理模块(layui.data())读取和修改存储在lay-data中的数据,...
vardataall=''; data=checkStatus.data; //循环把所有要删除的ID整成12,13,545 for(vari=0;i<checkStatus.data.length;i++){ dataall+=data[i].id+","; } dataall=dataall.substring(0,dataall.length-1) //layer.alert(dataall); layer.confirm('真的删除行么',function(index){ //obj.del()...
//储存用户信息 access_token, agc_id, agc_name layui.data('agency', { key: 'data', value: [ {key: 'agc_name', value: res.data.agc_name}, {key: 'access_token', value: res.data.access_token}, {key: 'agc_id', value: res.data.agc_id} ] }); 看起来是没错的吧 因为 找...
1. 引入laydata插件 下载https://blog-static.cnblogs.com/files/zhangning187/laydate.jslaydate.js 替换laydate.js,就可以直接使用自定义快捷选中了 2.自定义控件选取值 1laydate.render({2elem: '#freeTimeInput',//指定元素3range:true,4trigger: 'click',//采用click弹出5value: '',6extrabtns: [7...
element.on('tab(demo)', function(data){ console.log(data); }); }); 我们通过自定义元素属性来作为元素的功能参数,他们一般配置在容器外层,如: </>code … And So On element 模块支持的元素如下表: 属性名可选值说明 lay-filter任意字符事件过滤器(公用属性),主要用于事件的精确匹配,跟选择器是比较...
//下拉框监听事件 form.on('select(roleIdSelect)', function(data) { //获取行tr对象 var elem = data.othis.parents('tr'); //获取第一列的值,第一列为ID列, var id = elem.first().find('td').eq(1).text(); //选择的select对象值; var selectValue=data.value; //处理字段更新的逻辑 ...
layer.alert('查看行:'+ JSON.stringify(data)) } }); var $ = layui.$, active = { getCheckData: function(){ //获取选中数据 var checkStatus = table.checkStatus('idTest') ,data = checkStatus.data; layer.alert(JSON.stringify(data)); } ,get...
3 实现追加功能初始化的data数据设置为全局变量，追加时执行loadMore方法，该方法会给data变量添加更多数据。然后table.reload重新加载渲染显示表格。var table = null;var data = [ {id: 1, username: 'test1'},{id: 2, username: 'test2'},{id: 3, username: 'test3'}]...
如:data: {id: 'xxx'}从 layui 2.2.6 开始,支持动态值, multiple: false//是否允许多文件上传, size: 102400//设置文件最大可允许上传的大小,单位 KB, accept: 'file'//指定允许上传时校验的文件类型, acceptMime: 'image/jpg'//规定打开文件选择框时,筛选出的文件类型,值为用逗号隔开的 MIME 类型...