欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)代碼

    Javascript 數(shù)組添加 shuffle 方法的實(shí)現(xiàn)代碼

    PHP 里面有個(gè)非常方便的打亂數(shù)組的函數(shù) shuffle() ,這個(gè)功能在許多情況下都會用到,但 javascript 的數(shù)組卻沒有這個(gè)方法,沒有不要緊,可以擴(kuò)展一個(gè),自己動(dòng)手,豐衣足食嘛。
    2009-09-09
  • javaScript基礎(chǔ)詳解

    javaScript基礎(chǔ)詳解

    本文主要介紹了javaScript的基礎(chǔ)知識,具有很好的參考價(jià)值,下面跟著小編一起來看下吧
    2017-01-01
  • Js中FileReader讀取文件內(nèi)容方法詳解(async/await)

    Js中FileReader讀取文件內(nèi)容方法詳解(async/await)

    這篇文章主要給大家介紹了關(guān)于Js中FileReader讀取文件內(nèi)容(async/await)的相關(guān)資料,FileReader是前端進(jìn)行文件處理的一個(gè)重要的Api,特別是在對圖片的處理上,如果你想知道圖片的處理原理,你就永遠(yuǎn)不可能繞過它,需要的朋友可以參考下
    2023-11-11
  • 微信小程序生成二維碼的示例代碼

    微信小程序生成二維碼的示例代碼

    這篇文章主要介紹了微信小程序生成二維碼的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • js的offsetleft屬性的用法小結(jié)

    js的offsetleft屬性的用法小結(jié)

    本文主要介紹了js的offsetleft屬性的用法小結(jié),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-05-05
  • ejs v9 javascript模板系統(tǒng)

    ejs v9 javascript模板系統(tǒng)

    我的模板系統(tǒng)升一下級, 繼續(xù)在新公司里面用。 現(xiàn)在幾在互聯(lián)網(wǎng)公司沒有不用javascript模板了, 什么TX, 百度, 新浪, 360什么的, 最后瀑布流的流行, 里面又有許多用到模板
    2012-03-03
  • Bootstrap超大屏幕的實(shí)現(xiàn)代碼

    Bootstrap超大屏幕的實(shí)現(xiàn)代碼

    這篇文章主要為大家詳細(xì)介紹了Bootstrap超大屏幕的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • Javascript 字符串模板的簡單實(shí)現(xiàn)

    Javascript 字符串模板的簡單實(shí)現(xiàn)

    這篇文章給大家描述的是如何一步步簡單的實(shí)現(xiàn)Javascript 字符串模板,對于初學(xué)javascript的菜鳥們來說應(yīng)該是篇不錯(cuò)的文章,希望對大家能夠有所幫助。
    2016-02-02
  • JavaScript 更嚴(yán)格的相等 [譯]

    JavaScript 更嚴(yán)格的相等 [譯]

    大部分JavaScript程序員都知道:應(yīng)該使用嚴(yán)格相等(===)來代替“普通”的相等操作(==).但是,有時(shí)候你的確需要一個(gè)比嚴(yán)格相等===更嚴(yán)格的運(yùn)算符,比如說:在你想檢查某個(gè)值是否是NaN的時(shí)候,又或者你想?yún)^(qū)分-0和+0的時(shí)候.本文解釋了相關(guān)的知識以及ECMAScript.next中的解決辦法:“is”操作符
    2012-09-09
  • javascript 數(shù)組(list)添加/刪除的實(shí)現(xiàn)

    javascript 數(shù)組(list)添加/刪除的實(shí)現(xiàn)

    這篇文章主要介紹了javascript 數(shù)組(list)添加/刪除,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-12-12

最新評論