Динамическое добавление целочисленного значения в таблицу - PullRequest
Новая
       6

Динамическое добавление целочисленного значения в таблицу

0 голосов
/ 17 марта 2011

Если мне нужно добавить целочисленное значение, например, newFeature.OrderTotal содержит целочисленное значение.

Как я могу показать его динамически в таблице, которую я создаю динамически?

Любое предложение будет оценено. 

txt += "<td>"+newFeature.OrderTotal+"</td>";

Как это можно сделать? 

 function dataSelectHandler(transaction, results){

  // Handle the results
  for (var i=0; i<results.rows.length; i++) {

    var row = results.rows.item(i);

    var newFeature = new Object();

        newFeature.OrderTotal   = row['OrderTotal'];//OrderTotal is coming from `(//"SELECT SUM(amount1) AS OrderTotal FROM budget1 WHERE month='"+hello+"' ";)`
    var q1 = newFeature.OrderTotal;//q1 has an integer value suppose 46
    alert(q1);//here alert box is showing properly value of q1
    }
}

var txt = "";
var myTable = "";
txt += "<table id='myTable' border='5'>";
txt += "<tr>";
txt += "<th>Month</th>";
txt += "<th>Amount</th>";
txt += "</tr>";
txt += "<tr>";
txt += "<td>"+$('#mchoose').val()+"</td>";
txt += "<td>"+q1+"</td>";//m not getting any values in this q1 in the table row
txt += "</tr>";
txt += "</table>";

$('#ss').html(txt);

Ответы [ 2 ]

0 голосов
/ 18 марта 2011

Если эта идея подходит для вашей проблемы, то вы можете получить код:

(1) Добавьте таблицу в HTML-файл напрямую или статически, как ваш собственный путь из jquery $ ("# ss)«) .html (tableText).обратите внимание, что правильная иерархия тегов table > tbody > tr > td, поскольку tr и td являются динамическими.так что только добавьте table и tbody.

(2) В вашем цикле dataSelectHandler() for создайте строку в формате "<tr><td>"+newFeature.OrderTotal+"</td></tr>" и добавьте к tbody, как этот $("#myTable > tbody").html(rowText);, чтобы заменитьalert();.

0 голосов
/ 17 марта 2011

Вам нужно создать таблицу со строками и данными, содержащими ваши элементы, вот пример: 

function addTable(parentElementId) {
  var data = [1, 2, 3, 4];
  // Create the table with a row and cell for each data element.
  var t = document.createElement("table");
  t.id = "myTable";
  for (var i=0; i<data.length; i++) {
    var tr = t.appendChild(document.createElement("tr"))
      , td = tr.appendChild(document.createElement("td"));
    td.innerHTML = data[i];
  }
  // Add the table to the given element.
  var p = document.getElementById(parentElementId);
  p.appendChild(t);
}
...