mason/breeders_toolbox/program/program_crosses.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_cross_table" class="display">
  10     <thead>
  11         <tr>
  12             <th>Cross Unique ID</th>
  13             <th>Female Parent</th>
  14             <th>Male Parent</th>
  15             <th>Cross Type</th>
  16         </tr>
  17     </thead>
  18 </table>
  19
  20 <script>
  21
  22 jQuery(document).ready(function () {
  23
  24     jQuery('#program_cross_table').DataTable( {
  25         'autoWidth': false,
  26         'ajax': '/ajax/breeders/program/'+ <% $program_id %> + '/crosses',
  27     });
  28
  29 });
  30
  31
  32 </script>