精华内容
下载资源
问答
  • layui table选中 {checkbox: true} 不生效 问题描述: layui table选中 {checkbox: true} 不生效 [[ //表头 { checkbox: true } , { field: 'id', title: '权限编号', width: 120, fixed: 'left', align: '...

    项目场景:

    layui table选中 {checkbox: true} 不生效


    问题描述:

    layui table选中 {checkbox: true} 不生效

     [[ //表头
                                { checkbox: true }
                                , { field: 'id', title: '权限编号', width: 120, fixed: 'left', align: 'center', sort: true }
                                , { field: 'title', title: '菜单名字', width: 120, align: 'center' }
                                , { field: 'power', title: '权限名字', width: 120, align: 'center' }
                            ]]
            }
    

    原因分析:

    fixed: ‘left’ 遮挡住了


    解决方案:

    去掉 fixed: ‘left’

    展开全文
  • 1.CSS .success ... table.on('row(datafilter)', function (obj) {//datafilter是table的lay-filter属性 $('.success').removeClass('success'); //去除之前选中的行的,选中样式 $(obj.tr).addCl

    1.CSS

    .success
    {
        background-color: #dff0d8;
    }

    2.监听行单击事件

    
                table.on('row(datafilter)', function (obj) {//datafilter是table的lay-filter属性
                    $('.success').removeClass('success'); //去除之前选中的行的,选中样式
                    $(obj.tr).addClass('success'); //添加当前选中的 success样式用于区别
                });

    当然,如果同一个页面存在多个table,也可以通过操作不同的样式来实现。行点击事件也可以做别的操作。

    展开全文
  • layui table单选框选中事件

    千次阅读 2018-10-24 11:44:43
    单选框选中事件监听: table.on(‘radio(demo)’, function(obj){ //查看obj结构 // console.log(obj); //是否选中,选中为true // console.log(obj.checked); //选中行的数据 // console.log(obj.data...

    其中demo为表格(table)的lay-filter

    单选框选中事件监听:

    table.on(‘radio(demo)’, function(obj){
    //查看obj结构
    // console.log(obj);
    //是否选中,选中为true
    // console.log(obj.checked);
    //选中行的数据
    // console.log(obj.data);

    赋值到表单上:

    $("#表单上字段id").html(obj.data.字段名);
    });

    展开全文
  • layui table 下拉事件

    千次阅读 2019-08-15 10:13:44
    table.render({ elem : '#demo1', height : 400, url : 'conditionlist/select' //数据接口 ,toolbar : '#barDemo' ...

    table.render({
                            elem : '#demo1',
                            height : 400,
                            url : 'conditionlist/select' //数据接口
                            ,toolbar : '#barDemo' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档
                            ,defaultToolbar:[]
                            ,where:{
                                uuid:$("#uuid").val()
                            }
                            ,cols : [
                                [ //表头
                                   {type: 'checkbox', fixed: 'left'}
                                  ,{field: 'id', title: 'ID', width:80, sort: true,hide:true}
                                  ,{field: 'parameterName', title: '参数名称', sort: true,edit:'text'}
                                  ,{field: 'displayName', title: '显示名称', sort: true,edit:'text'}
                                  ,{field: 'type', title: '参数类型', sort: true,templet: function(d){
                                        var html = '<select name="type" lay-verify="typedemo" lay-filter="typedemo" value="'+d.type+'">'
                                        + '<option value=""></option>'
                                        + '<option value="文本" '+('文本' === d.type ? 'selected=""':'')+'>文本</option>'
                                        + '<option value="日期" '+('日期' === d.type ? 'selected=""':'')+'>日期</option>'
                                        + '<option value="编码弹框" '+('编码弹框' === d.type ? 'selected=""':'')+'>编码弹框</option>'
                                        + '<option value="名称弹框" '+('名称弹框' === d.type ? 'selected=""':'')+'>名称弹框</option>'
                                        + '</select>'
                                    return html
                                }}
                                  ,{field: 'modeSentence', title: '执行语句', sort: true,edit:'text'}
                                  ,{field: 'uuid', title: 'UUID',sort: true,hide:true}
                            ]]
                        });
                        
                        form.on('select(typedemo)', function(obj){
                                 //当前元素
                                var data = $(obj.elem);
                                //遍历父级tr,取第一个,然后查找第二个td,取值
                                var id = data.parents('tr').first().find('td').eq(1).text();
                                var type=obj.value;
                                  $.ajax({
                                        url:'conditionlist/updatetype',
                                        data:{
                                            "id":id,
                                            "type":type
                                        },
                                        type:'post',
                                        dataType:'json',
                                        success:function(data){
                                            if(data==0){
                                                /* table.reload("demo1"); */
                                            }else{
                                                layer.msg('编辑失败');
                                                table.reload("demo1");
                                            }
                                        }
                                    });
                                });

    展开全文
  • 直接上代码: tableIn2 = table.render({ elem: '#test2', toolbar: '#topBtn1', url: "{:url('common/rule_select_detail')}", w...
  • layui table单元格事件修改值

    千次阅读 2018-12-27 23:22:05
    事件中的 this相当于document.getElementById("id") 替代方法就是将原本 document.getElementById("id").InnerHTML = "填充代码"; 替换成 $("#id").html("填充...
  • 今天小编就为大家分享一篇Layui Table js 模拟选中checkbox的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 1.layui介绍layui是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS 的书写与组织形式...2.table 数据表格在进行代码编译之前,还是需要引入layui框架,在git中下载dist文件夹。(网址:https://github...
  • layui table 表格选中行并改变样式,很多资源都写得很麻烦,所以直接上我开发中的一个解决方法,不一定最好,但是我认为最简单。 这个适用于一个页面出现多个layui-table的情况,原因所在是:lay-fliter的选择 代码...
  • 3.layui渲染table的代码: 我们的目标是在它的done回调函数中进行回显操作 var formHeight = $("#user-search-form").height(); table.render({ elem: '#user-table', url: config.base_server + config.route...
  • 今天小编就为大家分享一篇layui默认选中table的CheckBox复选框方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui table checked获取选中数据方法

    万次阅读 2019-01-26 11:21:58
    关于layui table checked获取选中数据方法,有一个很简洁的方式 var selectData = layui.table.checkStatus('queryList').data; console.log(selectData); 其中“queryList”为table的id,需要设置一个id,例如 ...
  • 常见样式 ​ layui-progress 代表一个进度条 ​ |- layui-progress-big 设置一个大进度条 ​ |- layui-progress-bar 代表显示的进度 ​ |- layui-bg-red 赤色 ​ |- layui-bg-orange 橙色 ​ |- layui-bg-green ...
  • 来控制 layui table 中checkbox的显示跟隐藏,看了一遍layui关于table元素的文档和chenckbox 的文档没有很好的实现此功能的,接下来就先看一下官方的一段代码: 接下来就是html元素的代码效果图如下图所示:上图就是...
  • Layui table 设置radio选中状态

    千次阅读 2019-11-04 15:19:13
    layui.use(['table'], function () { var table = layui.table; var bindDatas = table.cache["bind"]; bindDatas[0].LAY_CHECKED = true;//举例 } );
  • 今天给大家分享采用AspNet MVC+前端框架LayUi实现文件上传功能,感兴趣的朋友可以学习一下。文件上传实体(UploadFile.cs) public class UploadFile {publicintcode{get;set;}//请求codepublicstringmsg{get;set;}//...
  • layui table默认选中指定行

    千次阅读 2019-09-24 15:51:11
    表格默认选中行,在回调里写入 done: function (res, curr, count) { tableData = res.data; $("[data-field='id']").css('display', 'none'); ...
  • layui table 点击行选中实例 //单击行勾选checkbox事件 $(document).on("click", ".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var tab...
  • layui table 点击行选中

    千次阅读 2019-02-23 14:44:33
    $(document).on("click"....layui-table-body table.layui-table tbody tr",function(){ var obj = event ? event.target : event.srcElement; var tag = obj.tagName; var ...
  • 导出选中数据,导出当前查询条件下的所有数据 ...var currTable = table.render({ elem: "#LAY-list-manage", url: exportUrl, where: whereStr, toolbar: '#toolbarDemo', defaultToolbar: ['filte
  • C是Feasible Successor 后继与可行可行距离 后继路由器 (Successors):被实际选中作为到达一个目的地所使用的下一跳路由器。该条路由保存在路由表中 可行距离(Feasible distance ):计算出的通向目的网络的最小度量 ...
  • 3、 利用script,在data set的before open事件中实现动态sql 点击 dt 数据集,选中 script 页,选择 beforeOpen 并编辑如下 脚本如下(含义为当qField传进来是“工资”时,拼入工资字段查数据,为“应发工资”时则...
  • layui table分页后记录选中状态

    千次阅读 2020-08-01 11:10:12
    table class="layui-table" lay-size="sm" id="list1" lay-filter="list1"></table> var ids = [];//选中的数据 var dataArr= [];//当前页面数据 table.render({ elem: '#list1', url: '/admin_8v2...
  • Layui Table数据行单击设置选中

    千次阅读 2020-03-06 13:51:10
    Layui Table点击行时选中复选框 $(document).on("click", ".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var tableBox = $(this).parents('.layui-...
  • 新功能,自定义 LUT 滤镜 使用 Motion 中的摄像机 Look Up Table (LUT),可在 Rec. 709 和 Rec. 2020 色彩空间之间轻松转换。你也可应用 DaVinci Resolve 等专业调色 app 和 PremiumBeat 等热门网站的自定义 LUT,让...
  • table.on('tool(tableZyry)', function (obj) { obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click') obj.tr.find('div.layui-unselect.layui-form-radio')[1].click(); }
  • table.on('row(LAY-menu-drillcrew-contacts)', function (obj) { if (obj.tr.find('.layui-form-checkbox').hasClass('layui-form-checked')) obj.tr.find('.layui-form-checkbox').removeClass('layui-form-...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,434
精华内容 973
关键字:

layuitable选中事件