Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据条件更改html表格中的单元格颜色,表格中的所有数据都将从sharepoint列表中追加_Javascript_Sharepoint 2010 - Fatal编程技术网

Javascript 根据条件更改html表格中的单元格颜色,表格中的所有数据都将从sharepoint列表中追加

Javascript 根据条件更改html表格中的单元格颜色,表格中的所有数据都将从sharepoint列表中追加,javascript,sharepoint-2010,Javascript,Sharepoint 2010,我正在尝试根据我的条件更改html中单元格的颜色。例如,我有下面的示例表 ------------------------------------------------------------ | Status | Name | Company | #ofMonths | Date | Report | |--------|------|---------|-----------|-----------|--------| | Pass | Bob | ABC |

我正在尝试根据我的条件更改html中单元格的颜色。例如,我有下面的示例表

------------------------------------------------------------
| Status | Name | Company | #ofMonths | Date      | Report |
|--------|------|---------|-----------|-----------|--------|
| Pass   | Bob  |   ABC   |    25     |01/01/2014 |   ###  |
|--------|------|---------|-----------|-----------|--------|
| Fail   | Rob  |   XYZ   |    75     |05/06/2001 |   ###  |
|--------|------|---------|-----------|-----------|--------|
比方说

if (#ofMonths < 45) //this condition is working now
上面的代码不会产生任何结果。如果我写的代码假装日期是字符串--

它将使所有列从日期右侧列变为黄色。我只需要日期栏是黄色的

一切正常,我只是无法根据从sharepoint中获取的数据更改“日期”列的颜色。我在这里查看了很多帖子,但似乎没有任何东西对我有用,或者我不知道该怎么做。
我刚刚开始使用javascript,已经开始胡思乱想了。任何形式的帮助都将不胜感激。提前感谢。

如果您正在从SharePoint列表中获取所有数据,则可以通过SharePoint Designer在列表数据视图中使用条件格式。

我正在从SharePoint列表中获取所有数据,并使用SPServices进行此操作。我将这些数据附加到html表中,在我的页面中只有页眉、页脚和一个表。没有导航菜单什么都没有,我只能使用javascript。上面我提供的javascript代码适用于状态列,但我不知道如何更改#of months和date列的颜色。我读过一些类似的帖子和评论,人们建议使用.val()而不是.text(),但在我的案例中它仍然不起作用。有什么想法吗?好的,让我们一步一步走。首先,在“状态”、“月数”和“日期”列中插入一个警报,并检查即将出现的值。就像状态是下拉(选择)列一样,它将包括“#”这就是它的索引。第二件事,尝试传递硬代码值,而不是使用“each”循环。第三,请提供用于将黄色应用于#of month和Date列的所有代码。第四,不要使用“else”语句,只使用“if”语句并尝试。还提供输出的屏幕截图。您所要做的就是一步一步地调试,在您感觉问题发生的每一步插入警报。尝试以上步骤并让我知道。我接受了你的建议,不再使用“else”语句,只使用“if”语句,并在单独的“if”语句中使用日期和#of month。执行此操作后,my#ofmonths列开始显示所需的颜色,但日期列仍然没有结果。我已经编辑了上面的代码。当你有机会的时候,你可以尝试一下吗?thanksIs要比较的日期是静态的,即'01/01/2014',如果不是,则在文本框中获取该值并对其进行分析。var myDate=$('#txtDate').val();var myDateParsed=Date.parse(myDate);
if (Date > 01/01/2009 && Date < 01/01/2014) //this is not doing anything
$(document).ready(function() {
var col_data = $("table tr td");
col_data.each(function(bg, cl) {

   if ($(this).text() == 'fail'){
      $(this).css('background','red');
   }
  if ($(this).text() == 'pass/fail'){
     $(this).css('background','green');
   }
  if ($(this).text()> 36){
    $(this).css('background','red');
   }
  if ($(this).text()>0 && $(this).text()<23){
    $(this).css('background','green');
   }
  if ($(this).text()>27 && $(this).text()<36){
    $(this).css('background','yellow');
  }

});
});
  if ($(this).text()>01/01/2014){
  $(this).css('background','yellow');
} 
if ($(this).text()>'01/01/2014'){
  $(this).css('background','yellow');
}