jqGrid表格应用之新增与删除数据附源码下载

$(function(){
 $("#del_btn").click(function(){
 var sels = $("#list").jqGrid('getGridParam','selarrrow');
 if(sels==""){
 $().message("请选择要删除的项！");
 }else{
 if(confirm("您是否确认删除？")){
 $.ajax({
 type: "POST",
 url: "do.php?action=del",
 data: "ids="+sels,
 beforeSend: function() {
  $().message("正在请求...");
 },
 error:function(){
  $().message("请求失败...");
 },
 success: function(msg){
  if(msg!=0){
  var arr = msg.split(',');
  $.each(arr,function(i,n){
  if(arr[i]!=""){
   $("#list").jqGrid('delRowData',n);
  }
  });
  $().message("已成功删除!");
  }else{
  $().message("操作失败！");
  }
 }
 });
 }
 }
 });
}); 

看代码，首先通过jqGrid的getGridParam方法获取选中的数据行selarrrow，如果选中多项，则获取到的sels值是一个以逗号隔开的字符串，然后提示是否确认删除，确认后提交ajax请求，如果后台php删除数据成功，则返回删除的数据id，前端调用jqGrid的delRowData方法将对应的数据行删除，并提示“以成功删除”。

后台do.php获取ajax提交过来的要删除的id，执行删除语句，完成删除操作。

switch ($action) {
 case 'del' : //删除
 $ids = $_POST['ids'];
 delAllSelect($ids, $link);
 break;
 case '' :
 echo 'Bad request.';
 break;
}
//批量删除操作
function delAllSelect($ids, $link) {
 if (empty ($ids))
 die("0");
 mysql_query("delete from products where id in($ids)");
 if (mysql_affected_rows($link)) {
 echo $ids;
 } else {
 die("0");
 }
} 

至此，我们已经完成了对jqGrid的读取、新增、删除和查询数据的基本操作的讲解，希望对您有所帮助。对于jqGrid表格的应用文章的讲解有不对的地方，欢迎大家批评指正。