jquery डेटामैबल्स में अजाक्स का उपयोग करके अंकन

Question

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

यह एपीआई कॉल कुल संख्या वापस कर देगा। पंक्तियों (1000 कहें) इन खोज पैराम और पंक्ति के आकार वाली पंक्तियों के साथ संबंधित (50 कहें)।

क्या कोई तरीका है, मैं ऐसा करने के लिए डेटा तालिका का उपयोग कर सकता हूं?

Answer 1

हाँ आप ऐसा कर सकते,

सबसे पहले

, विस्तार here

में एक नजर है और उसके बाद सही ढंग से बटन आदि आप चाहते हैं प्रदर्शित करने के लिए एपीआई की जाँच करें।

मैं एक बहुत ही बड़ी परियोजनाओं में एक ही प्लगइन का उपयोग कर रहा हूं और यह बेकार ढंग से काम करता है।

विन्यास प्रकार मैं अपने टेबल पर का उपयोग निम्नलिखित

$("#mytable").dataTable({"bJQueryUI": true,"sPaginationType": "full_numbers"}); 

Answer 2

हाँ, तो आप इस पूरा कर सकते हैं और मैं उन साइटों की संख्या पर यह किया है। कुंजी इस जैसे कोड के साथ datatable के समुचित आरंभीकरण के लिए है:

var oTable = ""; 

$(document).ready(function() { 
    oTable = $('#htmltableID').dataTable({ 
     "sPaginationType": "full_numbers", 
     "bServerSide": true, 
     "sAjaxSource": "/script-to-accept-request.php", 
     "sServerMethod": "POST", 
     "iDisplayLength": 50 
    }); 
} 

एक बार पृष्ठ लोड यह स्रोत संकेत दिया करने के लिए एक पोस्ट अनुरोध भेज देंगे। डिफ़ॉल्ट रूप से अनुरोध जीईटी विधि का उपयोग करता है, लेकिन मैं इसके बजाय उस मान को पोस्ट करना चुनता हूं।

आप कस्टम चर जोड़ सकते हैं डिफ़ॉल्ट http://www.datatables.net/release-datatables/examples/server_side/custom_vars.html

करने के लिए सर्वर साइड कोड अनुरोध ले जाएगा जब पेज बदल गया है iDisplayStart चर को संभालने के लिए होगा हवाला देते हुए सेट में शामिल किया जाना। यह 0 से शुरू होता है और फिर प्रत्येक पृष्ठ के साथ iDisplayLength मान द्वारा बढ़ता है। ओलिवर द्वारा दिए गए उदाहरण में PHP सर्वर पक्ष के साथ एक उदाहरण शामिल है, जो वास्तव में समीक्षा करने में सहायक होगा।

Answer 3

मैं Server-Side Paging with PetaPoco and DataTables पर एक ब्लॉग पोस्ट में लिखा था और GitHub

पर सी # समाधान में एक इसी नमूना ASP.NET MVC3 डाल मैं अपने सर्वर साइड भाषा के लिए एक संदर्भ नहीं देखा था, लेकिन सी # समाधान सर्वर को दिखाता है डेटा जेबल्स से AJAX POST प्राप्त करने, डेटाबेस से पूछताछ करने और प्रतिक्रिया को संसाधित करने के लिए डेटाटेबल्स के जेसन प्रतिक्रिया को स्वरूपित करने के पक्ष में जेसन बातचीत।

उम्मीद है कि इससे मदद मिलती है।

Answer 4

इसे आज़माएं .. मुझे यकीन है कि यह आपके लिए काम करेगा।

$("#myDataTable").dataTables({ 
    "bJQueryUI":true, 
     "bSort":false, 
     "bPaginate":true, // Pagination True 
     "sPaginationType":"full_numbers", // And its type. 
     "iDisplayLength": 10 
});