搜索关键字或更改每页条目时,通过 ajax 数据创建的数据表变空

古尔扎阿里

我正在使用 Jquery 数据表并通过 ajax 调用成功函数追加行。它工作正常,但是当我尝试通过输入类型搜索过滤数据时,表变空。此外,当我尝试更改每页条目下拉列表时,表格变空。下面是表格截图。

带数据的表照片 在此处输入图片说明



有错误的表照片 在此处输入图片说明



这是我的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]);

https://datatables.net/examples/api/add_row.html

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章