jquery डेटाटेबल प्लगइन में डेटासेट को फिर से लोड कैसे करें ??

Question

यहां मैं एएसपीनेट पेज

में jquery डेटा टेबल प्लगइन के साथ काम कर रहा हूं। मैं वर्तमान में एक तालिका के साथ काम कर रहा हूं जो उपयोगकर्ता क्रियाओं के आधार पर पृष्ठ में ताज़ा है। उपयोगकर्ता एक खोज स्ट्रिंग में प्रवेश करने में सक्षम हैं और तालिका परिणाम के साथ एक नए डीआईवी पर खुलती है। मुझे प्रारंभ होने के बाद टेबल को सही तरीके से काम करने में समस्याएं आ रही हैं। मैंने fnDestroy के साथ-साथ fnClearTable का उपयोग करने का प्रयास किया है लेकिन कुछ अलग-अलग मुद्दों में चल रहा हूं।

fnClearTable का उपयोग कर, मैं जब तालिका को फिर से लोड करने की कोशिश कर इस त्रुटि मिलती है:

"DataTables चेतावनी (तालिका आईडी = 'add_assets_table'):। DataTable reinitialise नहीं कर सकते प्राप्त करने के लिए DataTables इस तालिका के लिए वस्तु, कृपया डेटाटेबल() फ़ंक्शन पर कोई तर्क न दें, या सही पर bRetrieve सेट करें। वैकल्पिक रूप से, पुरानी तालिका को नष्ट करने और एक नया निर्माण करने के लिए, सही करने के लिए bDestory सेट करें (ध्यान दें कि कॉन्फ़िगरेशन में बहुत से बदलाव किए जा सकते हैं एपीआई जो आमतौर पर बहुत तेज़ होता है) "

Answer 1

if (typeof oTable == 'undefined') { 
      oTable = $('#example').dataTable({ 
       "aaData": [ 
        /* Reduced data set */ 
        [ "Trident", "Internet Explorer 4.0", "Win 95+", 4, "X" ], 
        [ "Trident", "Internet Explorer 5.0", "Win 95+", 5, "C" ], 
        [ "Trident", "Internet Explorer 5.5", "Win 95+", 5.5, "A" ], 
        [ "Trident", "Internet Explorer 6.0", "Win 98+", 6, "A" ], 
        [ "Trident", "Internet Explorer 7.0", "Win XP SP2+", 7, "A" ], 
        [ "Gecko", "Firefox 1.5", "Win 98+/OSX.2+", 1.8, "A" ], 
        [ "Gecko", "Firefox 2", "Win 98+/OSX.2+", 1.8, "A" ], 
        [ "Gecko", "Firefox 3", "Win 2k+/OSX.3+", 1.9, "A" ], 
        [ "Webkit", "Safari 1.2", "OSX.3", 125.5, "A" ], 
        [ "Webkit", "Safari 1.3", "OSX.3", 312.8, "A" ], 
        [ "Webkit", "Safari 2.0", "OSX.4+", 419.3, "A" ], 
        [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A" ] 
       ], 
       "aoColumns": [ 
        { "sTitle": "Engine" }, 
        { "sTitle": "Browser" }, 
        { "sTitle": "Platform" }, 
        { "sTitle": "Version", "sClass": "center" }, 
        { 
         "sTitle": "Grade", 
         "sClass": "center", 
         "fnRender": function(obj) { 
          var sReturn = obj.aData[ obj.iDataColumn ]; 
          if (sReturn == "A") { 
           sReturn = "<b>A</b>"; 
          } 
          return sReturn; 
         } 
        } 
       ] 
      }); 
    } 
    else { 
     var dataset = [ 
        /* Reduced data set */ 
        [ "Trident", "Internet Explorer 4.0", "Win 95+", 4, "X" ], 
        [ "Trident", "Internet Explorer 5.0", "Win 95+", 5, "C" ], 
        [ "Trident", "Internet Explorer 5.5", "Win 95+", 5.5, "A" ], 
        [ "Trident", "Internet Explorer 6.0", "Win 98+", 6, "A" ], 
        [ "Trident", "Internet Explorer 7.0", "Win XP SP2+", 7, "A" ], 
        [ "Gecko", "Firefox 1.5", "Win 98+/OSX.2+", 1.8, "A" ], 
        [ "Gecko", "Firefox 2", "Win 98+/OSX.2+", 1.8, "A" ], 
        [ "Gecko", "Firefox 3", "Win 2k+/OSX.3+", 1.9, "A" ], 
        [ "Webkit", "Safari 1.2", "OSX.3", 125.5, "A" ], 
        [ "Webkit", "Safari 1.3", "OSX.3", 312.8, "A" ], 
        [ "Webkit", "Safari 2.0", "OSX.4+", 419.3, "A" ], 
        [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A" ] 
       ]; 
     oTable.fnClearTable(0); 
     oTable.fnAddData(dataSet); 
     oTable.fnDraw(); 

    } 

fnClearTable() स्पष्ट तालिका के लिए उपयोग किया जाता है। fnAddData() नया डेटा सेट जोड़ने के लिए उपयोग किया जाता है। fnDraw() तालिका संरचना को दोबारा तैयार करें।