我正在使用 Jquery 数据表并通过 ajax 调用成功函数追加行。它工作正常,但是当我尝试通过输入类型搜索过滤数据时,表变空。此外,当我尝试更改每页条目下拉列表时,表格变空。下面是表格截图。
$.ajax
({
type:'POST',
url:'MyFunction',
data:{'Id':Id},
dataType:'json',
success:function(data)
{
var dataString=JSON.stringify(data);
var dataArray=Array();
dataArray=dataString.split('},');
for(var i=0;i<dataArray.length;i++)
{
var Array0=dataArray[i].split(',');
var date0=Array0[2];
var date1=date0.replace('"Purchase_date":"','');
var date2=date1.replace('"','');
var product0=Array0[15];
var product1=product0.replace('"Product_name":"','');
var product2=product1.replace('"','');
var amount0=Array0[3];
var amount1=amount0.replace('"Purchase_amount":"','');
var amount2=amount1.replace('"','');
var payed0=Array0[5];
var payed1=payed0.replace('"Purchase_payed":"','');
var payed2=payed1.replace('"','');
var balance0=Array0[6];
var balance1=balance0.replace('"Purchase_balance":"','');
var balance2=balance1.replace('"','');
var htm='';
htm+=' <tr class="odd gradeX">';
htm+=' <td>';
htm+= date2;
htm+=' </td>';
htm+=' <td>';
htm+= product2;
htm+=' </td>';
htm+=' <td>';
htm+= amount2;
htm+=' </td>';
htm+=' <td>';
htm+= payed2;
htm+=' </td>';
htm+=' <td>';
htm+= balance2;
htm+=' </td>';
htm+=' </tr>';
$("#MyTable tbody").append(htm);
}
}
});
我错在哪里。
嗨,在没有数据表对象的情况下将新行添加到表时,通过数据表对象而不是直接通过表元素添加新行的更好方法是在数据表中添加新行检查此示例
var t = $('#example').DataTable();
t.row.add([date2,product2,amount2,payed2,balance2]);
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句