ajax数据编辑,ajax行可编辑数据表

我试图让{ "bSortable": false, "fnRender": function(oObj){return "Edit"; } }弹出,当我点击编辑按钮。ajax行可编辑数据表

这里是我的GUI

kZ3ft.png

这里是我的代码:

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不传递到弹出窗口。任何人都可以建议我。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值