Advertisement
Guest User

Untitled

a guest
Jul 18th, 2019
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.70 KB | None | 0 0
  1. $(document).ready(function () {
  2. $("#ticketsTable").DataTable({
  3. "lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "Todos"]],
  4. "processing": true,
  5. "serverSide": true,
  6. "responsive": true,
  7. "ajax": {
  8. "url": document.getElementById("table").value,
  9. "type": "POST",
  10. "dataType": "json"
  11. },
  12. "language": {
  13. "lengthMenu": "Mostrar _MENU_ registros",
  14. "zeroRecords": "No se encontró nada",
  15. "info": "Mostrando del _START_ al _END_ de un total de _TOTAL_",
  16. "infoEmpty": "No hay registros",
  17. "emptyTable": "No hay datos para mostrar",
  18. "loadingRecords": "Cargando...",
  19. "processing": "Procesando...",
  20. "search": "Buscar:",
  21. "infoFiltered": "(filtrado de un total de _MAX_ registros)",
  22. "paginate": {
  23. "first": "Primera",
  24. "last": "Última",
  25. "next": "Siguiente",
  26. "previous": "Anterior"
  27. }
  28. },
  29. "columns": [
  30.  
  31. {
  32. "title": "Número de Ticket", "data": "TicketFolio", "fnCreatedCell": function (nTd, sData, oData) {
  33. $(nTd).html(`<a href=${document.getElementById("ticketDetail").value}?ticketNumber=${oData.TicketId}&ticketFolio=${oData.TicketFolio}>${oData.TicketFolio}</a>`);
  34. }, "searchable": true },
  35. { "title": "Solicitante", "data": "TicketAplicant", "searchable": true },
  36. { "title": "Asunto", "data": "TicketSubjet", "searchable": true },
  37. { "title": "Servicio", "data": "TicketService", "searchable": true },
  38. { "title": "Estado", "data": "TicketStatus", "searchable": true },
  39. { "title": "Asignado", "data": "TicketEmployee", "searchable": true },
  40. { "title": "Asignar", "data": null, "fnCreatedCell": function (nTd, sData, oData) {
  41. $(nTd).html(`<button id=${oData.TicketId} class="btn btn-primary">Asignar</button>`);
  42. }, "searchable": false, "orderable": false }
  43. ]
  44. });
  45.  
  46. <table id="ticketsTable" class="table table-hover dt-responsive nowrap" style="width: 100%;">
  47. <thead>
  48. <tr>
  49. <th>Número de Ticket</th>
  50. <th>Solicitante</th>
  51. <th>Asunto</th>
  52. <th>Categoría</th>
  53. <th>Estado</th>
  54. <th>Asignado</th>
  55. <th>Asignar</th>
  56.  
  57. </tr>
  58. </thead>
  59. <tbody></tbody>
  60. </table>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement