2013-01-04 33 views
11

मैं अपने आवेदन पर jquery डेटाटेबल्स प्लगइन का उपयोग कर रहा हूं और मैं कार्यक्षमता के साथ अब तक बहुत खुश हूं हालांकि मैं डेटा को एडाडाटा विशेषता में थोड़ा अलग करना चाहता हूं।डेटाटेबल्स में जेएसओएन ऑब्जेक्ट्स भेजना एरेडा

वर्तमान में यह केवल के रूप में

[ 
    ['value','value','value'], 
    ..., 
    ..., 
] 

मैं सरणियों के बजाय किसी चीज़ का इस्तेमाल क्योंकि यह क्लीनर हो जाएगा और मुझे कुछ छानने मैं आसान कर रहा हूँ का विस्तार करने में मदद करने में सक्षम होना चाहते हैं जावास्क्रिप्ट सरणी स्वीकार करने के लिए लगता है। मैं इसे जावास्क्रिप्ट वैरिएबल कैसे पास कर सकता हूं जो इस तरह दिखता है (AJAX के माध्यम से लोड नहीं हो रहा है)।

[ 
    {'id':1,'status':0,'name': 'hello world'}, 
    ..., 
    ..., 
] 

उदाहरण स्थानीय चर http://live.datatables.net/utecax/edit#

उदाहरण aaData के साथ वस्तुओं की सरणी का उपयोग करने के http://live.datatables.net/iyavud/5/edit

+1

इस तरह कुछ? http://www.datatables.net/release-datatables/examples/ajax/objects.html –

+0

हाँ मेरे साथ समस्या यह है कि मैं बाहरी स्रोत के माध्यम से लोड नहीं कर रहा हूं। डेटा सिर्फ एक जावास्क्रिप्ट चर है और फिर "sAjaxSource" शिकायत करता है – BillPull

+0

क्या आपने 'sAjaxSource' के बजाय 'aaData' का उपयोग करने का प्रयास किया है? .. फिर उदाहरण के रूप में अपने कॉलम को परिभाषित करें? –

उत्तर

24

आप aaData संपत्ति के माध्यम से वस्तुओं की सरणी में पारित कर सकते हैं की कोशिश कर के साथ sAjaxSource उपयोग करने के लिए कोशिश कर रहा है, तो का उपयोग AoColumns प्रॉपर्टी को परिभाषित करने के लिए कि किस कॉलम को प्राप्त करना चाहिए

$('#example').dataTable({ 
     "bProcessing": true, 
     "aaData": data,// <-- your array of objects 
     "aoColumns": [ 
      { "mData": "render_engine" }, // <-- which values to use inside object 
      { "mData": "browser" }, 
      { "mData": "platform" }, 
      { "mData": "enging_version" }, 
      { "mData": "css_grade" } 
     ] 
    }); 
+2

समाधान ठीक काम किया, लेकिन प्रदान किया गया लिंक समस्या से संबंधित नहीं है। –

+1

datatables.net 1.10.12 के नए संस्करण में, 'aaData' 'डेटा' बन जाता है और' aoColumns 'कॉलम बन जाता है; अद्यतन समाधान [JSFiddle] में पाया जा सकता है (https://jsfiddle.net/hifni/9pj1jv3d/1/) – hiFI