2013-07-31 25 views
1

我想爲我的行動態設置ID。我有這樣的:如何將ID設置爲從JSON響應生成的<tr>?

function (json) { 
     for (var ib = 0; ib < json.length; ib++) { 
      var tableib = document.getElementById("treatments"); 
      var treatmentId = json[ib].id; 
      var rowib = tableib.insertRow(-1); 
      var cell1ib = rowib.insertCell(0); 
      var cell2ib = rowib.insertCell(1); 
      var cell3ib = rowib.insertCell(2); 
      var cell4ib = rowib.insertCell(3); 
      var cell5ib = rowib.insertCell(4); 
      var buttonID = json[ib].id; 
      cell1ib.innerHTML = json[ib].name; 
      cell2ib.innerHTML = json[ib].time; 
      cell3ib.innerHTML = json[ib].price + "kr"; 
      cell4ib.innerHTML = json[ib].details; 
      cell5ib.innerHTML = "Button"; 
     } 
    }); 

我想設定的ID是一個JSON響應,並具有可變buttonID。這甚至可能或者我應該像這樣追加每行? :

$('#treatments').append("<tr><td>" + shopName + "</td><td>" + shopTime + "</td><td>" + shopPrice + "</td><td>" + shopDetails + "</td><td><center>" + editShop + deleteShop + "</center></td></tr>"); 

在哪裏我可以改變我的字符串beeing追加。

回答

1

HTMLTableRowElement元素,像所有HTMLElement元素,有一個id property,所以:

rowib.id = buttonID; 

...將做到這一點。

2

如果在行的數據源對象中使用DT_RowId屬性。 DataTables將自動添加行ID。 。

要檢索: $(行)。家長( 'TR')ATTR(ID')

谷歌:

分配行ID以JSON數據 - 數據表論壇

採取幫助由此。

+0

這裏沒有看到任何DataTables。只是普通的瀏覽器表。 –

+0

他正在返回json,所以這可以綁定與數據源本身的行。 – Neha

+0

JSON在與DataTables無關的情況下被廣泛使用。問題中沒有任何內容表明他正在使用它們。 –