亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何從通過行內的按鈕動態生成的表中復制行?

如何從通過行內的按鈕動態生成的表中復制行?

尚方寶劍之說 2022-08-27 09:35:15
我希望你有一個美好的一天,我有以下代碼,從數據庫查詢的結果動態生成一個表,基本上是一個產品列表:$(".outer_div").append(    '<div class="table-responsive"><table id= "r_table" class = "table table-checkable dataTable no-footer "></table></div class="table-responsive">'  );  let table = $("#r_table");  let secRow = $(document.createElement("tr"));  for (let i = 0; i < 5; i++) {    if (i == 0) {      let cellHead = $(document.createElement("th"));      secRow.append(cellHead.text("Código"));      table.append(secRow);    } else if (i == 1) {      let cellHead = $(document.createElement("th"));      secRow.append(cellHead.text("Proveedor"));      table.append(secRow);    } else if (i == 2) {      let cellHead = $(document.createElement("th"));      secRow.append(cellHead.text("Producto"));      table.append(secRow);    } else if (i == 3) {      let cellHead = $(document.createElement("th"));      secRow.append(cellHead.text("Precio"));      table.append(secRow);    } else if (i == 4) {      let cellHead = $(document.createElement("th"));      secRow.append(cellHead.text("Acciones"));      table.append(secRow);    }  }  $.each(datos, (index, value) => {    let row = $(document.createElement("tr")).attr(      "id",      value["id"] + "row"    );    let secRow = $(document.createElement("tr"));    for (let prop in value) {      let cell = $(document.createElement("td")).attr(        "id",        value["id"] + "menu"      );      $("th").css("background-color", "#1bc5bd");      cell.text(value[prop]);      row.append(cell);    }    row.append(      //Boton de agregar      '<td><center><button onclick="cloneRow(\"'+'1row'+'\")"  class="envio btn btn-link-success"><i class="glyphicon glyphicon-plus"></i></button></center></td>'    );    table.append(row);  });但是我想實現這一點,在操作列中每行生成的按鈕中,當我單擊它時,復制整行的數據并將其保存到必須以另一種形式生成的另一個表中,然后通過ajax將其發送到另一個部分。在這里,我留下了使用按鈕動態生成的表格的圖像圖像這將是通過單擊特定行的按鈕指定相關行的表<table id="results"></table>
查看完整描述

2 回答

?
PIPIONE

TA貢獻1829條經驗 獲得超9個贊

我建議把這個問題看成是潛在的相關問題。它使用jQuery從表中獲取特定值,當然請記住,索引以0開頭。將值更改為更獨特的值,看看它是如何工作的!


查看完整回答
反對 回復 2022-08-27
?
慕姐4208626

TA貢獻1852條經驗 獲得超7個贊

您可以將用于克隆的事件處理程序直接附加到表中。這樣:

$('#myProductsTable').on('click', 'button', function() { // do sth });

這樣,同一個按鈕可以在結果表中以不同的行為“重用”:

$('#myResultsTable').on('click', 'button', function() { // do sth different});

沃克林示例:

for(var i = 1; i < 10; i ++) {

  let $row = $('<tr><td>ROW '+i+'</td><td><button>add '+i+'</button></td></tr>');

  $('#products tbody').append($row);

}


$('#products').on('click', 'button', function() {

  let $row = $(this).closest('tr').clone();

  $row.find('button').text('remove');

  $('#results').append( $row );

});


$('#results').on('click', 'button', function() {

  $(this).closest('tr').remove();

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table id="products">

<thead><tr><th>my Products</th></tr></thead>

<tbody></tbody>

</table>

<hr>

<table id="results">

<thead><tr><th>my Results</th></tr></thead>

<tbody></tbody>

</table>


查看完整回答
反對 回復 2022-08-27
  • 2 回答
  • 0 關注
  • 117 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號