Answers

• allan Posts: 61,665Questions: 1Answers: 10,096 Site admin

  December 2014

  Is there an easy method to disable the save/export buttons when no rows are selected.

  Currently no - sorry. You could modify the code so that they check to see if there are any rows first, or perhaps override the default click handler with your own (fnClick) but there isn't a built in way to enable and disable buttons yet. Coming in the next major update...

  Allan
• Restful Web Services Posts: 202Questions: 49Answers: 2

  December 2014

  Is there any way to copy, for example, what is happening with the 'Delete' button because this behaves exactly how I would like the 'Save' button to behave. I.e. you cannot click it until at least one row has been selected.
• allan Posts: 61,665Questions: 1Answers: 10,096 Site admin

  December 2014

  Yes, but as I noted, you would need to modify the code, or build your own button. The Delete button is based on the select_single button in TableTools. It has functions that are run when rows are selected and will add/remove classes as required.

  Note also that in TableTools the fnClick handler will always run regardless of if the button is enabled or not. You would need to add a check to see if it is (the idea being that your check could show a message saying "Select some rows to use this function").

  Allan
• Restful Web Services Posts: 202Questions: 49Answers: 2

  December 2014

  I have achieved what I was trying to do using a combination of adding and removing classes using:

  $(document).ready(function() {
      var table = $('#cms_module_tps_userlisting').DataTable();
          $('#cms_module_tps_userlisting tbody').on('click', 'tr', function() {
              if ($(this).hasClass('selected')) {
                  $('.save-collection, .copy-collection').removeClass("DTTT_disabled");
              } else {
                  table.$('tr.selected').removeClass('selected');
                  $('.save-collection, .copy-collection').addClass("DTTT_disabled");
              }
      });
  }); 
  </script>
  

  Disabling on load using:

  sButtonClass: "copy-collection DTTT_disabled",
  

  And also disabling the clickable funtion of 'DTTT_disabled' buttons using the following CSS:

  pointer-events: none;
  

  I know the CSS is only supported by modern browsers but it will do as a rough solution for now.

  Thanks