Layui Table js 模拟选中checkbox的例子


Posted in Javascript onSeptember 03, 2019

思路,根据 data-index 找到 点击到的tr,获取tr下的 div,js 模拟点击

function iniTable()
{
  layui.use('table', function(){
     var table = layui.table; 
     //展示已知数据
     table.render({
      elem: tableid
      ,cols: [[ //标题栏
        {type:'checkbox',id:'goodsLimitSeqNo'}
       , {field: 'goodsLimitSeqNo', title: '序号',event: 'setSign', width: 50}
       ,{field: 'licTypeCode', title: '许可证类别代码',event: 'setSign', width: 140}
       ,{field: 'licTypeName', title: '许可证类别名称', event: 'setSign',width: 250}
       ,{field: 'licenceNo', title: '许可证编号', event: 'setSign',width: 150}
       ,{field: 'licWrtofDetailNo', title: '核销货物序号', event: 'setSign',width: 150}
       ,{field: 'licWrtofQty', title: '核销数量', event: 'setSign',width:90}
      ]]
      ,data: []
      ,skin: 'line' //表格风格
      ,even: true
      
      //,page: true //是否显示分页
      //,limits: [5, 7, 10]
      //,limit: 5 //每页默认显示的数量
     });
      table.on('edit(goodslicencetable)', function(obj){
        var value = obj.value //得到修改后的值
        ,data = obj.data //得到所在行所有键值
        ,field = obj.field; //得到字段
        layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为:'+ value);
       });
      table.on('checkbox(goodslicencetable)', function(obj){
        console.log(obj)
       });
      
      //监听单元格事件
      table.on('tool(goodslicencetable)', function(obj){
       var data = obj.data;
      // console.log(obj);
       if(obj.event == 'setSign'){
         $('#customGoodslicfrm').find("input[name='goodsLimitSeqNo']").val(data.goodsLimitSeqNo);
         $('#customGoodslicfrm').find("select[name='licTypeCode']").val(data.licTypeCode);
         $('#customGoodslicfrm').find("input[name='custom_combobox_input_licTypeCode']").val(data.licTypeCode+'-'+data.licTypeName);
         $('#customGoodslicfrm').find("input[name='licenceNo']").val(data.licenceNo);
         $('#customGoodslicfrm').find("input[name='licWrtofDetailNo']").val(data.licWrtofDetailNo);
         $('#customGoodslicfrm').find("input[name='licWrtofQty']").val(data.licWrtofQty);
         var index = data.goodsLimitSeqNo-1;
         var td = $('#goodslicencetable').next().find("tr[data-index='"+index+"'] div.layui-form-checkbox");           
         td.click();
      
       }
      });
      
      
    });
}
var td = $('#goodslicencetable').next().find("tr[data-index='"+index+"'] div.layui-form-checkbox");           
         td.click();

获取 目标 tr div ,模拟click。

以上这篇Layui Table js 模拟选中checkbox的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript入门教程(6) Window窗口对象
Jan 31 Javascript
一些技巧性实用js代码小结
Oct 14 Javascript
JSQL  一个 web DB 的封装
May 05 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
Jun 04 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
Dec 11 Javascript
jquery sortable的拖动方法示例详解
Jan 16 Javascript
jQuery中trigger()方法用法实例
Jan 19 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
Jun 03 Javascript
AngularJS实现表单元素值绑定操作示例
Oct 11 Javascript
Vue之Vue.set动态新增对象属性方法
Feb 23 Javascript
Bootstrap Table 双击、单击行获取该行及全表内容
Aug 31 Javascript
angularjs中判断ng-repeat是否迭代完的实例
Sep 12 Javascript
element ui分页多选,翻页记忆的实例
Sep 03 #Javascript
JavaScript创建、读取和删除cookie
Sep 03 #Javascript
利用d3.js实现蜂巢图表带动画效果
Sep 03 #Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 #Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
Sep 02 #Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
Sep 02 #Javascript
layui表格分页 记录勾选的实例
Sep 02 #Javascript
You might like
PHP语法速查表
2006/12/06 PHP
PHP中的string类型使用说明
2010/07/27 PHP
JavaScript与HTML结合的基本使用方法整理
2015/10/12 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
PHP经典设计模式之依赖注入定义与用法详解
2019/05/21 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
通过event对象的fromElement属性解决热区设置主实体的一个bug
2008/12/22 Javascript
js类式继承的具体实现方法
2013/12/31 Javascript
JavaScript简单实现鼠标拖动选择功能
2014/03/06 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
AngularJS ng-bind 指令简单实现
2016/07/30 Javascript
js时间戳和c#时间戳互转方法(推荐)
2017/02/15 Javascript
JS三目运算(三元运算)方法详解
2017/03/01 Javascript
Vue开发实现吸顶效果的示例代码
2018/08/21 Javascript
JS返回页面时自动回滚到历史浏览位置
2018/09/26 Javascript
小程序云开发初探(小结)
2018/10/24 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
2019/01/06 Javascript
微信小程序开发常见问题及解决方案
2019/07/11 Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
2019/09/20 Javascript
vue实现数字滚动效果
2020/06/29 Javascript
Django 导出 Excel 代码的实例详解
2017/08/11 Python
python实现多进程代码示例
2018/10/31 Python
Python获取航线信息并且制作成图的讲解
2019/01/03 Python
Python3 max()函数基础用法
2019/02/19 Python
python命名空间(namespace)简单介绍
2019/08/10 Python
Skyscanner阿联酋:全球领先的旅游搜索平台
2017/11/25 全球购物
印尼披萨外送专家:Domino’s Pizza印尼
2017/12/28 全球购物
C#笔试题和英文面试题
2013/02/07 面试题
汽车运用工程专业毕业生推荐信
2013/12/25 职场文书
信息管理与信息系统专业求职信
2014/06/21 职场文书
借款协议书
2014/09/16 职场文书
个人工作表现评价材料
2014/09/21 职场文书
护士求职自荐信范文
2015/03/04 职场文书
《西游记》读后感(3篇)
2019/09/20 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书
html输入两个数实现加减乘除功能
2021/07/01 HTML / CSS