ruoyiマウス1行クリックでデータを選択

1146 ワード

最近ruoyiフレームを使用している場合は、tableで行レコードを選択し、checkboxでチェックを合わせることができます.
しかし、ある行をマウスでクリックしたときに、ある行の色が濃くなって選択されるようにする必要があるので、簡単に実現しました.
ページは、必要なjQueryとruoyiに必要なjsを導入した後、ページのデータ表示はtableに表示されます.
 

 

table , js :

//      row
var replaceVideoRow = "";

//  js,   script     
$(function() {
        //      ,      , remove          
        $("#bootstrap-table").on('click', 'tr', function() {
            $("#bootstrap-table").find("tbody").find("tr").each(function() {
                $(this).removeClass('color');
            });
            $(this).addClass('color');
        });

       //       row     replaceVideoRow,       replaceVideoRow                      
       //    
        $('#bootstrap-table').on('click-row.bs.table', function(e, row, element) {
            replaceVideoRow = row;
        });
    })
に するcolorは、 が に じて できる
である