我试图让{ "bSortable": false, "fnRender": function(oObj){return "Edit"; } }弹出,当我点击编辑按钮。ajax行可编辑数据表
这里是我的GUI
这里是我的代码:
var oTable;
/* Formating function for row details */
function fnFormatDetails (nTr)
{
var aData = oTable.fnGetData(nTr);
var sOut = '
sOut += '
Name:'+aData[3]+' '+aData[4]+' '+aData[5]+'';sOut += '
Tag ID:'+aData[1]+'';sOut += '
ID #:'+aData[2]+'';sOut += '
Course:'+aData[9]+'';sOut += '
Department:'+aData[7]+'';sOut += '
Contact:'+aData[8]+'';sOut += '
Address:'+aData[9]+'';sOut += '
Last Modified:'+aData[10]+'';sOut += '
';return sOut;
}
$(document).ready(function() {
oTable = $('#example').dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "scripts/server_processing.php",
"aoColumns": [
{ "sClass": "", "bSortable": false },
null,
null,
null,
{ "sClass": "" },
{ "sClass": "" },
{ "bSortable": false, "fnRender": function(oObj){return "Edit"; } //heres is my problem }
],
"aaSorting": [[1, 'asc']]
});
$('#example tbody td img').live('click', function() {
var nTr = $(this).parents('tr')[0];
if (oTable.fnIsOpen(nTr))
{
/* This row is already open - close it */
this.src = "examples_support/details_open.png";
oTable.fnClose(nTr);
}
else
{
/* Open this row */
this.src = "examples_support/details_close.png";
oTable.fnOpen(nTr, fnFormatDetails(nTr), 'details');
}
});
});
帮助我从MySQL数据库的动态显示的jQuery弹出代码。弹出窗口显示所有行,但不显示相同的ID,即正确的ID不传递到弹出窗口。任何人都可以建议我。