如何在数据表中添加新行
How to add new row in a DataTable
我有一个DataTable在我的js文件。
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
我必须从DB中获取一些数据,我确实在数据表中得到了它。但在那之后,我不能在数据表中添加新的行,就像之前一样。
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比较陌生。
相关文章:
- 如何在脚本上添加新行
- 在不刷新整个网格的情况下,向Asp.net网格视图添加新行
- dhtmlx添加新行并启动单元格编辑器
- 如何在Google Geochart图表的工具提示文本中添加新行
- 如何在javascript中每次添加新行时都增加ordre值
- 两个表添加新行按钮-冲突
- 在Spring.message属性中添加新行时出错
- 使用Javascript在文本区域中添加新行
- 在java脚本的第一行之前添加新行
- sails.js更新或添加新行
- 使用ajax向表中添加新行
- 使用一些默认值在剑道网格中添加新行
- 添加新行后无法“刷新”灯丝组表锯响应表
- JQuery 数据表添加新行,如果该行已经存在,请将其删除并为该 ID 插入新行
- 续集 - 向表添加新行并关联表
- 如何在 jQuery 函数 text() 中添加新行
- 在表格顶部添加新行
- 添加新行动态引导日期时间选择器不起作用
- 如何在不影响 Jquery 数据表中其他行的情况下删除选定的现有数据并添加新行
- 分机.js确认方法添加新行字符