2011-02-27 10 views
5

मेरे पास एक PHP पृष्ठ है जहां मैं डेटाबेस से सभी डेटा प्रदर्शित करने के लिए डेटाटेबल (jQuery) प्लगइन का उपयोग कर रहा हूं।jQuery डेटाटेबल - नई पंक्ति कार्य जोड़ें, लेकिन इसे संपादन योग्य (जेडटेबल) बनाने में सक्षम नहीं है

यहां मैं उपयोगकर्ता को नई पंक्ति जोड़ने का विकल्प देना चाहता हूं, यानी उपयोगकर्ता को डेटा दर्ज करने के लिए एक नया रिकॉर्ड देना है। मैं कम से उदाहरण का पालन किया:

http://www.datatables.net/examples/api/add_row.html

और एक नई पंक्ति बनाएं करने में सक्षम था।

लेकिन मुझे पूरी तरह से यकीन नहीं है कि उत्पन्न होने के लिए "आईडी" संपत्ति को कैसे जोड़ना है और यह भी सुनिश्चित नहीं है कि इसे संपादन योग्य कैसे बनाया जाए।

अभी तक, अन्य सभी फ़ील्ड जेडटेबल का उपयोग करके संपादन योग्य हैं।

  $(document).ready(function() { 
      /* Init DataTables */ 
      var oTable = $('#example').dataTable({ 
      "iDisplayLength": 5, 
      //"bRetrieve": true, 
      "aLengthMenu": [[5, 10, 15, -1], [5, 10, 15, "All"]] 
      } 
      ); 


      /* Apply the jEditable handlers to the table */ 
      $('td', oTable.fnGetNodes()).editable('expenseFieldsUpdater.php', { 
       "callback": function(sValue, y) { 
        var aPos = oTable.fnGetPosition(this); 
        oTable.fnUpdate(sValue, aPos[0], aPos[1]); 
       }, 
       "submitdata": function (value, settings) { 
        return { 
         "row_id": this.parentNode.getAttribute('id'), 
         "column": oTable.fnGetPosition(this)[2], 
         "form_id": document.getElementById('formID').value 
        }; 
       }, 
       "height": "14px" 
      }); 
     }); 

     var giCount = 1; 
     function fnClickAddRow() { 
      $('#example').dataTable().fnAddData([ 
       ".1", 
       giCount+".2", 
       giCount+".3", 
       giCount+".4", 
       giCount+".5" ]); 
        giCount++; 
     } 

लेकिन फिर भी, मैं पूरी तरह यह कैसे संपादन योग्य बनाने के बारे में जाने के लिए पर यकीन नहीं है:
कोड इस प्रकार है। कोई भी पॉइंटर्स बहुत उपयोगी होगा।

मैं datatables साइट में निम्नलिखित पोस्ट पाया है, लेकिन उन्हें कैसे बनाने के बारे में जाने के लिए पर समझ नहीं पा रहा था काम:
http://datatables.net/forums/comments.php?DiscussionID=181

उत्तर

2

आप पाएंगे कि आप http://code.google.com/p/jquery-datatables-editable/ पर मदद कर सकते हैं एक प्लगइन पा सकते हैं। यह प्लगइन मानक JQuery DataTables प्लगइन को बढ़ाता है और कार्यों को जोड़ता है, हटाता है और संपादित करता है। आप वहां एचटीएमएल उदाहरण डाउनलोड कर सकते हैं।

1

मुझे आमतौर पर मुझे लगता है कि मुझे $ (दस्तावेज़) फिर से चलाने की आवश्यकता है। पहले से ही पंक्तियों को जोड़ने या संपादित करने के बाद टेबल पंक्तियों को सजाने की घटनाएं। तो आप शायद कॉल करने के लिए बाहर refactor चाहिए:

$('td', oTable.fnGetNodes()).editable() 

है कि आप $ (दस्तावेज़) से कॉल कर सकते हैं एक अलग विधि में .ready और fnClickAddRow से()।

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