Layui Table js 模擬選中checkbox的例子
更新時(shí)間:2019年09月03日 08:59:01 作者:唐林
今天小編就為大家分享一篇Layui Table js 模擬選中checkbox的例子,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
思路,根據(jù) data-index 找到 點(diǎn)擊到的tr,獲取tr下的 div,js 模擬點(diǎn)擊
function iniTable() { layui.use('table', function(){ var table = layui.table; //展示已知數(shù)據(jù) table.render({ elem: tableid ,cols: [[ //標(biāo)題欄 {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: '核銷數(shù)量', event: 'setSign',width:90} ]] ,data: [] ,skin: 'line' //表格風(fēng)格 ,even: true //,page: true //是否顯示分頁 //,limits: [5, 7, 10] //,limit: 5 //每頁默認(rèn)顯示的數(shù)量 }); 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) }); //監(jiān)聽單元格事件 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();
獲取 目標(biāo) tr div ,模擬click。
以上這篇Layui Table js 模擬選中checkbox的例子就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Javascript 數(shù)組添加 shuffle 方法的實(shí)現(xiàn)代碼
PHP 里面有個(gè)非常方便的打亂數(shù)組的函數(shù) shuffle() ,這個(gè)功能在許多情況下都會用到,但 javascript 的數(shù)組卻沒有這個(gè)方法,沒有不要緊,可以擴(kuò)展一個(gè),自己動(dòng)手,豐衣足食嘛。2009-09-09Js中FileReader讀取文件內(nèi)容方法詳解(async/await)
這篇文章主要給大家介紹了關(guān)于Js中FileReader讀取文件內(nèi)容(async/await)的相關(guān)資料,FileReader是前端進(jìn)行文件處理的一個(gè)重要的Api,特別是在對圖片的處理上,如果你想知道圖片的處理原理,你就永遠(yuǎn)不可能繞過它,需要的朋友可以參考下2023-11-11Javascript 字符串模板的簡單實(shí)現(xiàn)
這篇文章給大家描述的是如何一步步簡單的實(shí)現(xiàn)Javascript 字符串模板,對于初學(xué)javascript的菜鳥們來說應(yīng)該是篇不錯(cuò)的文章,希望對大家能夠有所幫助。2016-02-02javascript 數(shù)組(list)添加/刪除的實(shí)現(xiàn)
這篇文章主要介紹了javascript 數(shù)組(list)添加/刪除,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12