使用ajax删除行后刷新jQuery Datatable插件中的计数器内容

Question

我正在使用 jQuery Datatable 插件进行分页，该插件工作正常，我尝试在使用 jQuery 删除 ajax 中的删除功能行后刷新显示在分页底部的计数器内容。见附件。

每当调用 delete 函数时，它都会正确删除整行但无法更新底部的计数器值。每当我刷新页面时，它都会更新值

我的删除功能代码是：-

var conf = jQuery.noConflict();
conf(document).ready(function(){
conf(document).on("click", ".delete", function() {
    //alert(conf(this).attr("id"));
proid  = conf(this).attr("id");
var r=confirm("Press a button!");
if (r==true)
  {
        var url = "<?php echo Mage::getBaseUrl();?>/turnkey/index/deleteproduct/";
            conf.ajax({
            type:"POST",
            url:url,
            data: { 'proid':proid},
            success: function(msz){
            alert(msz);
            if(msz=="deleted") {
            conf("#hidepro"+proid).hide("slow"); 
            }
            else {
                //conf("#hidepro"+proid).hide();
            alert("product cant be deleted");
            }
            //console.log("chal hun");
            }
        });

  }
else
  {
 return false ;
  }

  });
});

建议我在哪里做了一些更改。

Answer 1

您需要提供一些 ID 来计算元素。假设 count 在 then 内，

<div id='rec_cnt'>Your Count</div>

你需要添加一行，

if(msz=="deleted") {
            conf("#hidepro"+proid).hide("slow"); 
            $('#rec_cnt').html((parseInt($('#rec_cnt').html()) - 1))
            }