zoukankan      html  css  js  c++  java
  • DataTables获取指定元素的行数据

    法1:

    用jquey获取,var row = $('.edit').parent().parent();

    缺点:只能获取dom上的东西,不能获取没有渲染的数据

    法2:

    首先绑定行号到元素上

    $('#example').dataTable( {
    
      "columns": [
          {"data":"name", "orderable": false, "searchable": false,"render" : function ( data, type, row, meta) {
            return  '<button id="btnEdit" data-rowindex="'+meta.row+'">编辑</button>';
          }}
       ] } );

    然后根据元素取出行号

    var rowIndex = $('#btnEdit').attr('data-rowindex');

    最后获取数据

    $('#example').DataTable().rows(rowIndex).data()[0];

     如果是单击选择行(多选),示例如下:
    $(document).ready(function() {
        var table = $('#example').DataTable();
     
        $('#example tbody').on( 'click', 'tr', function () {
            $(this).toggleClass('selected');
        } );
     
        $('#button').click( function () {
            alert( table.rows('.selected').data().length +' row(s) selected' );
        } );
    } );

    如果是单击单元格获取数据,示例如下:

    //单击首列,获取该列中单元格数据
    $('#example tr td:first-child').click(function(){ alert($(this).text()) });
  • 相关阅读:
    Android listview 的应用
    Android 创建自定义布局
    Android Dialog
    android ProgressBar
    Lilac Pwn stack4-stack_pivoting Writeup
    CTFHUB Pwn ret2shellcode Writeup
    Lilac Pwn stack3-rop Writeup
    函数调用过程与栈帧结构
    线性回归及Python实现
    Google Kick Start Round A 2020
  • 原文地址:https://www.cnblogs.com/hdwang/p/7126796.html
Copyright © 2011-2022 走看看