Layui Table js 模擬選中checkbox的例子
更新時間:2019年09月03日 08:59:01 作者:唐林
今天小編就為大家分享一篇Layui Table js 模擬選中checkbox的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
思路,根據(jù) data-index 找到 點擊到的tr,獲取tr下的 div,js 模擬點擊
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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript中call,apply,bind函數(shù)用法示例
這篇文章主要介紹了javascript中call,apply,bind函數(shù)用法,結(jié)合實例形式分析了call,apply,bind函數(shù)的功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下2016-12-12
基于Bootstrap模態(tài)對話框只加載一次 remote 數(shù)據(jù)的解決方法
下面小編就為大家?guī)硪黄贐ootstrap模態(tài)對話框只加載一次 remote 數(shù)據(jù)的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
選擇指定數(shù)量后checkbox不可選(變灰)javascript代碼
選擇指定數(shù)量后checkbox不可選(變灰)javascript代碼2009-06-06
javascript實現(xiàn)刪除前彈出確認(rèn)框
刪除確認(rèn)對話框的JS代碼,有好幾種寫法,有簡單的,有兼容好的,下面分別說幾種方法,可根據(jù)自己需要選用2015-06-06

