डेटाटेबल्स - अजाक्स

Question

का उपयोग किए बिना चाइल्ड विवरण का विस्तार करें मैं एक पेज पर काम कर रहा हूं जो jquery डेटाटेबल्स (संस्करण 1.10) का उपयोग करता है। टेबलडेटा स्रोत वर्तमान में प्रस्तुत पृष्ठ पर केवल एक HTML तालिका के रूप में भेजा जा रहा है, और सही काम करता है। हालांकि मैं विस्तृत जानकारी दिखाने के लिए पंक्तियों का विस्तार करने में सक्षम होना चाहता हूं।

बहुत ज्यादा उदाहरण Here

हालांकि तरह, साइट के साथ मैं वर्तमान में काम कर रहा हूँ वेब सेवाओं उस पर अभी तक सेट किसी भी प्रकार का नहीं है, तो मैं करने के लिए ajax कॉल करने के लिए सक्षम नहीं होगा उदाहरण के उपयोग की तरह विस्तारित जानकारी प्राप्त करें।

क्या कोई तरीका है कि मैं पूरी तरह से प्रस्तुत पृष्ठ पर अभिभावक बाल संबंध के लिए सभी आवश्यक जानकारी प्रदान कर सकता हूं?

क्या मैं इसे प्राप्त करने के लिए किसी भी तरह से तालिका डेटा घोंसला कर सकता हूं, या डेटाटेबल्स को बता सकता हूं कि हर दूसरी टेबल पंक्ति को ऊपर के एक बच्चे को बनाने के लिए? Question

Answer 1

आप माता-पिता पंक्ति के एक data विशेषता में बच्चे पंक्ति के लिए डाटा स्टोर और तदनुसार उदाहरण से format विधि बदल सकते हैं:

मैं datatables मंचों पर यह एक ही प्रश्न पोस्ट किया। जैसे

कुछ अपने HTML में:

<tr data-child-name="test1" data-child-value="10"> 
    <td>ParentRow</td> 
    <td>No. 1</td> 
</tr> 

click हैंडलर (उदाहरण से लाइन 50) में:

row.child(format(tr.data('child-name'), tr.data('child-value')).show(); 

और format विधि कुछ तरह के रूप में:

function format (name, value) { 
    return '<div>Name: ' + name + '<br />Value: ' + value + '</div>'; 
} 

Answer 2

तकनीकी रूप से यह उदाहरण बिल्कुल AJAX का उपयोग नहीं कर रहा है, यह अनिवार्य रूप से बिल्कुल है एक ही अवधारणा। आपको अभी भी प्रारूप फ़ंक्शन का उपयोग करके पंक्तियों को जोड़ने के लिए मजबूर होना पड़ता है, चाहे स्वरूप फ़ंक्शन से HTML को AJAX से मूल्य प्राप्त हो या आपके डेटा-एट्रिब्यूट में हार्ड-कोड किए गए हों, तो अंतर क्या है।

जहां तक ​​मुझे पता है, बच्चे के पंक्तियों को प्रारंभ से ही आपके एचटीएमएल में डालने का कोई तरीका नहीं है और केवल विस्तार नियंत्रण है, केवल बाल पंक्तियों के लिए पहले से मौजूद HTML दिखाएं, बच्चे की पंक्ति HTML बनाएं, इसे डोम में डालें और इसे दिखाएं।