mason/breeders_toolbox/program/program_crossing_experiments.mas

   1 <%args>
   2 $program_id
   3 </%args>
   4
   5 <& /util/import_javascript.mas, classes => [ 'jquery', 'jquery.dataTables' ] &>
   6 <& /util/import_css.mas, paths => ['/documents/inc/datatables/jquery.dataTables.css'] &>
   7
   8
   9 <table id="program_crossing_experiments" class="display">
  10     <thead>
  11         <tr>
  12             <th>Crossing Experiment Name</th>
  13             <th>Description</th>
  14         </tr>
  15     </thead>
  16 </table>
  17
  18 <script>
  19
  20 jQuery(document).ready(function () {
  21
  22     jQuery('#program_crossing_experiments').DataTable( {
  23         'autoWidth': false,
  24         'ajax': '/ajax/breeders/program/'+ <% $program_id %> + '/crossing_experiments',
  25     });
  26
  27 });
  28
  29 </script>