jquery – 刷新或重新加载数据表

前端之家收集整理的这篇文章主要介绍了jquery – 刷新或重新加载数据表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 Jquery Datatable,其中包括列的自定义渲染.基于值,我将禁用其中的某些控件.我希望在发布后重新加载/刷新/重新绑定我的jquery数据表.我怎样才能做到这一点?
**Controller:**

    [HttpPost]
    public JsonResult PostAction(MyMOdel model)
    {
         //save changes to DB
        return Json(new
        {
            Success = result,});
    }

 public ActionResult MyAction()
   //grab records from DB and return JSON
 }

**View:**

@using (Ajax.BeginForm("PostAction","ControllerName",null,new AjaxOptions
        {
            UpdateTargetId = "update-message",InsertionMode = InsertionMode.Replace,HttpMethod = "POST",OnSuccess = "updateSuccess"
        },new { @id = "myForm"

 }
        ))
{
<table id="myTbl" class="display"><tr><td>col1</td></tr></table>
}

<script type="text/javascript">
        var oTable = $('#myTbl').dataTable({
                     "sAjaxSource": "/ControllerName/MyAction",<!-- more config -->

    function updateSuccess(data,status,xhr) {
        //refresh datatable;

    }
</script>

更新:**

我找到了答案:

>清除表格(fnClearTable)
>向表中添加新数据(fnAddData)
>重绘表格(fnDraw)

解决方法

首先获取数据表引用,使用
var oTable = $("#soMetable").dataTable();

在那之后做任何事情,你想:

Clear the table : oTable.fnClearTable();

Redraw the table : oTable.fnDraw();

Add new data to the table : oTable.fnAddData();

猜你在找的jQuery相关文章