डेटा रीफ्रेश करें या पुनः लोड करें

Question

मैं jquery डेटाटेबल का उपयोग कर रहा हूं जिसमें कॉलम के लिए अनुकूलित प्रतिपादन शामिल है। मूल्यों के आधार पर, मुझे इसमें कुछ नियंत्रण अक्षम करना होगा। मैं पोस्ट के बाद अपने 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)

Answer 1

जवाब Ifound:

clear the table (fnClearTable) 

add new data to the table (fnAddData) 

redraw the table (fnDraw) 

Answer 2

तुम बस मेज पर .dataTable() फिर से फोन पुनः बनाने, किसी भी तर्क के बिना।

तो अगर आप कुछ इस तरह किया था:

$('#someTable').dataTable({ 
    someAttribue: someValue 
}); 

फिर आप बाद में यह कर सकते हैं यह ताज़ा करने के लिए:

$('#someTable').dataTable(); 

तर्क के साथ फिर से इसे कहते मत करो; यह पसंद नहीं है।

Answer 3

पहले सिर्फ datatable संदर्भ मिलता है,

var oTable = $("#someTable").dataTable(); 

इस्तेमाल करने के बाद कि जो कुछ भी, आप चाहते हैं करने के लिए:

Clear the table : oTable.fnClearTable(); 

Redraw the table : oTable.fnDraw(); 

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

Answer 4

आप यकीन है कि यह है कर रहे हैं जो आप खोज रहे हैं वह नहीं:

oTable.fnReloadAjax(); 

यह मेरे लिए काम करता है। यह वर्तमान AJAX url कॉन्फ़िगरेशन का उपयोग कर ग्रिड को पुनः लोड करता है।

Answer 5

यह मेरे लिए काम किया:

window.table = $('#TableID').dataTable({ 
        ... 
       }); 

Answer 6

var oTable = $('#groups').dataTable(); 
oTable.fnClearTable(); 
oTable.fnDestroy(); 
groupsList(); 

Answer 7

नए DataTable संस्करण इस काम करेगा के लिए:

// Initially 
window.table = $('#TableID').dataTable({ 
        ... 
       }); 

// Later, when table needs to be refreshed 
window.table.fnDestroy(); 
// depending on the version, maybe just .destroy() instead of .fnDestroy(); 

अब बस कॉल आप शुरू किया था तालिका reinit करने के लिए क्या :

var table = $('#yourDataTable').DataTable({...}); 
table.columns.adjust().draw(); 

मेरे मामले में मुझे बस इसे फिर से निकालना होगा। लेकिन आप फिर से शुरू करने से पहले नया डेटा साफ़ और जोड़ सकते हैं।