डेटाटेबल्स/टेबलटूल बटन को अक्षम करने के लिए कैसे करें

Question

मैं डेटाटेबल 1.10 और टेबलटूल 2.2.1 का उपयोग कर रहा हूं।

निम्नलिखित स्निप किए गए को मैं संपादन-बटन को अक्षम/सक्षम करना चाहता हूं।

var myTable = $("#myTable ").DataTable({ 
tableTools : { 
    "aButtons" : [ { 
     "sExtends" : "text", 
     "sButtonText" : "Edit", 
     "fnClick" : function(nButton, oConfig, oFlash) { 
      /* some stuff */  
     } 
    }] 
    } 
}) 

क्या रनटाइम पर ऐसा करने की संभावना है?

धन्यवाद बहुत

Answer 1

यह एक अच्छा सवाल था! लगता है कि में fnClick

dataTable.tabletools().fnSettings().buttonSet[id].fnClick 

केवल, सुलभ नहीं (एपीआई पर fnClick कोई प्रभाव नहीं है बदल रहा है) कहीं और संग्रहीत घटना के लिए एक संदर्भ है। लेकिन, आप अपने fnClick -handler में पूर्वनिर्धारित वर्ग DTTT_disabled उपयोग कर सकते हैं और उस के लिए जाँच:

एक चेकबॉक्स को सक्षम करने या बटन को निष्क्रिय करने के साथ

var dataTable = $("#example").DataTable({ 
    sDom: 'TC', 
    oTableTools : { 
     aButtons : [{ 
      sExtends : "text", 
      sButtonText : "Edit", 
      fnClick : function(nButton, oConfig, oFlash) { 
       if ($(nButton).hasClass('DTTT_disabled')) return; 
       alert('edit button clicked'); 
      } 
     }] 
    } 
}); 

उदाहरण: डेमो

$("#enable").click(function() { 
    if ($(this).is(':checked')) { 
     $('.DTTT_button_text').removeClass('DTTT_disabled'); 
    } else { 
     $('.DTTT_button_text').addClass('DTTT_disabled'); 
    } 
}); 

देख ->http://jsfiddle.net/ev2N2/