Javascript jQuery数据表在更新成功时显示范围
我正在使用jquerydatatables,并且正在开发一个内联编辑功能。我一直试图得到一个绿色的检查,以显示记录何时更新 以下是填充数据表的ajax: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
$.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。spanid
可以基于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.logforecastData
和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)