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

Question

我正在使用jQuery Datatable插件进行分页，这个插件运行正常，我试图刷新在使用jQuery的ajax中使用delete函数删除行时在分页底部显示的计数器内容。看附件。

每当调用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

您需要为count元素提供一些ID。让我们说如果计数在那之内，

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

您需要在

添加一行

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