2014-10-27 7 views
12

डेटा बॉक्स में खोज बॉक्स में दर्ज मूल्य कैसे प्राप्त करें। क्या डेटा टेबल्स में खोज बॉक्स में मूल्य दर्ज करने का कोई तरीका है?खोज बॉक्स में दर्ज मूल्य कैसे प्राप्त करें डेटाटेबल्स

+0

क्या यह [http://datatables.net/reference/option/searching) आप क्या पूछ रहे हैं? कृपया और स्पष्ट बताएं। –

+0

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

+1

मुझे लगता है कि आप बड़ी भीड़ को आकर्षित करने के लिए टैग की अपनी सूची में 'jQuery' जोड़ना चाहेंगे। –

उत्तर

20

तुम सिर्फ मूल्य जाँच करना चाहते हैं जब एक खोज किया जाता है [DataTables 1.10.x]:

var table = $('#example').DataTable(); 

$('#example').on('search.dt', function() { 
    var value = $('.dataTables_filter input').val(); 
    console.log(value); // <-- the value 
}); 

आप खोज से पहले मूल्य की जाँच करने के लिए, और रद्द कर सकेंगे चाहते हैं खोज, आप डिफ़ॉल्ट खोज बॉक्स घटना निकल और इस तरह अपने खुद के बनाने के लिए, चाहिए - खोज केवल जब उपयोगकर्ता एक से अधिक 3 अक्षरों में प्रवेश किया है:

$('.dataTables_filter input').unbind().keyup(function() { 
    var value = $(this).val(); 
    if (value.length>3) { 
     table.search(value).draw(); 
    } 
}); 

डेमो ->http://jsfiddle.net/pb0632c3/

तरह उपयोगकर्ता खोज पद हटा दिया है, तो पूरी तरह से खोज/फिल्टर रीसेट करने के लिए:

if (value.length==0) table.search('').draw(); 
+4

'table.column()। खोज (मान) .draw();' table.search (value) .draw() नहीं होना चाहिए; '? –

+0

@ मार्सियोसोजा जुआनियर, आप सही हैं। धन्यवाद! पाठ और पहेली बदल दिया है। अजीब मैं उदाहरण में 'कॉलम()' का उपयोग करता था। – davidkonrad

+0

@ डेविडकोन्राड 'dataTable.search() 'आज़माएं। मुझे यकीन नहीं है कि यह दस्तावेज है या नहीं – peter

3

रूप dataTable api

var table = $('.datatable').DataTable(); 


    $('.datatable').on('search.dt', function (e, settings) { 
     table.search(this.value).draw(); 
    }) 

    //or custom input 
    // #myInput is a <input type="text" id="myInput"> element 
    $('#myInput').on('keyup', function() { 
     table.search(this.value).draw(); 
    }); 
1

हाँ में उल्लेख किया है। वहाँ है। पैरामीटर के बिना बस खोज विधि को कॉल करें।

var query = dataTable.search()

पुनश्च: यह या दस्तावेज नहीं है कि कृपया मुझे मत पूछो। मैंने अभी कोशिश की है और मुझे एक मूल्य मिला है

संबंधित मुद्दे