Javascript 如何在数据表中添加新行
我的js文件中有DataTableJavascript 如何在数据表中添加新行,javascript,jquery,datatable,Javascript,Jquery,Datatable,我的js文件中有DataTable function getStudentDetail(id) { //id is set globally var oTableStudentDetails = $('#student_detail').DataTable({}); $('#btn-add-row').on( 'click', function () { oTableStudentDetails.row.add([' ',' ',' ',' ',' ']).draw();
function getStudentDetail(id) {
//id is set globally
var oTableStudentDetails = $('#student_detail').DataTable({});
$('#btn-add-row').on( 'click', function () {
oTableStudentDetails.row.add([' ',' ',' ',' ',' ']).draw();
} );
}
使用这个,我可以在“$('#student_detail').DataTable({});”DataTable中添加新行
我必须从数据库中获取一些数据,我确实在DataTable中获取了这些数据。但是在那之后,我不能像以前一样在数据表中添加新行
function getStudentDetail(id) {
//id is set globally
var oTableStudentDetails = $('#student_detail').DataTable({
"bProcessing": true,
"bServerSide": true,
"bDestroy": true,
"bLengthChange": false,
"dataType": "json",
"ajax": {
"url": url_prefix + "/getStudentDetail",
"data": function(d) {
d.idstudent = id;
}
}
});
$('#btn-add-row').on( 'click', function () {
oTableStudentDetails.row.add([' ',' ',' ',' ',' ']).draw(); //this is not working
after using ajax
value in DataTable
} );
}
当我尝试添加新行时,我看到“正在处理”,但我无法添加新行。我做错了什么。有人能帮忙吗
服务器端的结果如下所示
{"aaData": [["1", "roshi", "sssss", "xxxxxxxxxxx", "xxxxxxxxxxx"]], "iTotalRecords": 1, "sEcho": 99, "iTotalDisplayRecords": 1}
有人能帮我吗。一切似乎都很好。但是为什么我不能添加一个新的呢?我想您可能需要在添加行后渲染表。看起来您正在获取数据,但可以说并没有“重新绘制”表格 我使用jQuery模板库来实现这一点。您需要编写类似的内容:
$('page').tmpl(studentTable).appendTo($(page).find('#yourTable tbody'));
这可能是错误的,但也许它会给你一个开始的地方?我对JQuery和JS比较陌生 @@usar:不,为了纪念我,我这样创造了