Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.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 jQuery数据表在更新成功时显示范围_Javascript_Jquery_Css_Ajax_Datatables - Fatal编程技术网

Javascript jQuery数据表在更新成功时显示范围

Javascript jQuery数据表在更新成功时显示范围,javascript,jquery,css,ajax,datatables,Javascript,Jquery,Css,Ajax,Datatables,我正在使用jquerydatatables,并且正在开发一个内联编辑功能。我一直试图得到一个绿色的检查,以显示记录何时更新 以下是填充数据表的ajax: $.ajax({ url: 'api/massEditorSummary.php', type: 'POST', data: data, dataType: 'html', success: function(data, textStatus, jqXHR) { var jsonObject = $.parseJ

我正在使用jquerydatatables,并且正在开发一个内联编辑功能。我一直试图得到一个绿色的检查,以显示记录何时更新

以下是填充数据表的ajax:

$.ajax({
  url: 'api/massEditorSummary.php',
  type: 'POST',
  data: data,
  dataType: 'html',
  success: function(data, textStatus, jqXHR)
  {
    var jsonObject = $.parseJSON(data); 
    var table = $('#example1').DataTable({  
      "data": jsonObject,
      "columns": [
        { "data": "partner_name" }, 
        { "data": "service" },
        {
          "data": "forecast",
          "fnCreatedCell": function (nTd, sData, oData, iRow, iCol)
          {
                $(nTd).html("<input type='text' class='form-control editForecast' 
                id='editForecast' data-uid='"+oData.UID+"' data-editforecast='"+oData.forecast+"'
                value='"+oData.forecast+"' style='width:75px; height:30px;' /> 
               <span id='testID' style='display: none;'><i class='fa fa-check' id='updatedIcon' aria-hidden='true'
               style='color:green;'> </i></span>");
          }
        }
      ],
      "stateSave": true,
      "autoWidth": false    
    });
  },
  error: function(jqHHR, textStatus, errorThrown)
  {
    // show fail stuff
  }
});

您将在callForecastFunction函数中看到,如果流程脚本返回的数据等于“成功”,则显示检查。

如上所述,不允许重复的
id
属性。您应该修复输入和span id。span
id
可以基于UID,例如:

"<span id='" + rowData.UID + "' style='display: none;'><i class='fa fa-check' id='updatedIcon' aria-hidden='true' style='color:green;'> </i></span>");
顺便说一句,事件处理程序函数中似乎缺少
{

$('#example1').on('blur', 'tr > td > .editForecast', function(e) 

那么你是说
span id='testID']
在每一行上都是重复的吗?html中的重复id属性无效。是否有错误消息或什么也没有发生?我会使用console.log
forecastData
this
来确认它们是你认为的。发布提示:尽量让你的问题尽可能简洁。你的一些问题没有得到很好的回答,可能是因为一些细节和其他聊天材料,在你看来可能是礼貌的,但实际上可能被解释为恭敬、奉承或乞求和恳求。这包括感谢、高级感谢、请帮帮我、帮我摆脱困境、被困X天、我真的用谷歌搜索、,希望它是清楚的,如果需要看更多的东西,请告诉我,非常感谢等等。经验丰富的助手更愿意阅读手头问题的细节。是的!!!这正是我想要的。我希望我能再投票10次你的答案。谢谢你,先生。接受你的答案。
$('#' + uid).css('display', 'inline-block'); // this is where I want to show the check
$('#example1').on('blur', 'tr > td > .editForecast', function(e)