動的テーブルから新しいページにテーブルを作成

Question

私は助けが必要です。私は動的テーブルを持っています：

while (result.next()) { 
    out.write("<tr>"); 
    for (int i=1; i<=columns; i++) { 
     out.write("<td>" + result.getString(i) + "</td>"); 
    } 
    out.write("</tr>"); 
} 

このテーブルの行をクリックすると、テーブル1の列に新しいページまたはウィンドウを開く必要があります。どうしたらいいですか？

Answer 1

あなたはこのようなことをすることができます。テーブルの各trにイベントをアタッチします。

while (result.next()) { 
    out.write("<tr class="table-row">"); 
    for (int i=1; i<=columns; i++) { 
     out.write("<td>" + result.getString(i) + "</td>"); 
    } 
    out.write("</tr>"); 
} 

$('.table-row').on('click', function(){ 
    var values_array = []; 
    var td_values = ""; 
    var tr_children = $(this).find('td').each (function() { 
     values_array.push($(this).html()); 
    }); 

    $.each(values_array, function(value){ 
     td_values += "value1="+ value +"&"; 
    }); 

    // create a query string with the values and send to a new page like this 
    // you can concatenate the values to the 
    window.location.replace("http://page?"+td_values); 
});