Google工作表JSON表Feed,根据单元格中的值更改行的颜色

时间:2016-09-14 14:24:35

标签: javascript html json google-sheets

在过去的几天里,我已经尝试了很多选择,但我仍然没有运气。

找到解决方案来获取html页面到这里的html页面;-)这真棒! 因为我很新手让这个工作是一个启示,男人感觉很好:)。

无论如何,我的问题;

我有这个javascript:

 var spreadsheetID = "1YUKom7FNEvxqSlQiSao_aLEcC0cLVyg5xmBv-JsaIUs";

 var url = "https://spreadsheets.google.com/feeds/list/" + spreadsheetID + "/od6/public/values?alt=json";

$.getJSON(url, function(data) {

  var html = '';

  html += '<table cellpadding=2 cellspacing=0 border=0 width=100% id=table_id>';
  html += '<tr>';
  html += '<td>Date</td>';
  html += '<td>Currency Pair</td>';
  html += '<td>Buy / Sell</td>';
  html += '<td>Stop-Loss</td>';
  html += '<td>Amount</td>';
  html += '<td>Price</td>';
  html += '<td>Closing Price</td>';
  html += '<td>P/L</td>';
  html += '<td>PIP</td>';
  html += '<td>P/L US$</td>';
  html += '<td>P/L EURO</td>';
  html += '<td>Entry Time</td>';
  html += '<td>Exit Time</td>';
  html += '</tr>';

  var entry = data.feed.entry;
  for (var i = 0; i < entry.length; i++) {
    html += '<tr>';
    html += '<td>' + entry[i]['gsx$date']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$pair']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$bs']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$sl']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$amount']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$price']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$closeprice']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$pl']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$pip']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$plusd']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$pleuro']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$entry']['$t'] + '</td>';
    html += '<td>' + entry[i]['gsx$exit']['$t'] + '</td>';
    html += '</tr>';
      }
  html += '</table>';

  $('.console').html(html);
});

这是HTML

<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>...</title>
</head>

<body>

<div class="console"></div>

<script src="js/index.js"></script>

</body>
</html>

我正在寻找的是该行中的值

html += '<td>' + entry[i]['gsx$pl']['$t'] + '</td>';

包含一个值为“ - €”的值,整行变为红色。

如果有人在这里可以帮助我,请提前致谢。

1 个答案:

答案 0 :(得分:0)

您只想在该特定行周围添加条件以检查符号。

if (entry[i]['gsx$pl']['$t'].indexOf("-€") !== -1) {
    // Has the symbol
    html += '<td style="background-color: #600;">' + entry[i]['gsx$pl']['$t'] + '</td>';
} else {
    // Doesn't have symbol
    html += '<td>' + entry[i]['gsx$pl']['$t'] + '</td>';
}