10 Programación Web con .NET y C#
Click here to load reader
Transcript of 10 Programación Web con .NET y C#
![Page 2: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/2.jpg)
DOM Estructura árbol Elementos Texto Atributos Se pueden referenciar
id, atributo, relación
![Page 3: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/3.jpg)
Arbol DOM
![Page 4: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/4.jpg)
Jquery Librería JavaScript Simplifica tareas comunes JS Funcionalidad
Administrar DOMAdministrar EventosAJAX
![Page 5: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/5.jpg)
Como usar Jquery En un archivo .js
Con <script src=“” type="text/javascript > <script type="text/javascript"></script> $().ready(function() {
script Jquery});
![Page 6: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/6.jpg)
Selectores (“*”) (“#id”) (“.clase”) (“elemento”) (“.clase,elemento,#id”)
![Page 7: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/7.jpg)
Jquery eventos .load .ready .unload .click .dblclick .hover .blur .change .focus .select .submit .resize .scroll .keydown .keypress .keyup
![Page 8: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/8.jpg)
DOM Eliminacion .detach .empty .remove .un
warp Agregar .append .prepend .text Modificar .replaceWith
![Page 9: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/9.jpg)
Jquery .addClass .hasClass .removeClass $(this) $.closest
![Page 10: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/10.jpg)
Ajax con Jquery .get() .post() .load() .ajax()
![Page 11: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/11.jpg)
Jquery Ajax
$.ajax({type: "POST",url: “/Cliente/Nombres”,data: parametros,success: función,error: función,complete: función,beforeSend: funcióndataType: json | text | html | xml});
$.post $.get( “/Cliente/Nombres”, querystring, funcion, dataType )
$(“selector”).load( “/Cliente/Nombres”, querystring, funcion)
![Page 12: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/12.jpg)
Tablas jQuery Datatables www.datatables.net Jquery.dataTables.js Jquery.dataTables.themeroller.css $().dataTable();
![Page 13: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/13.jpg)
DataTables $('#tabla').dataTable({ "bServerSide": true, "bJQueryUI": true, "sPaginationType": "full_numbers", "sAjaxSource": "" });
![Page 14: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/14.jpg)
DataTables(cont…) $('#tabla').dataTable({ "bFilter": false, "bLengthChange": false, "bInfo": false, "bPaginate": true, "bSort": false, "sPaginationType": "full_numbers"});
![Page 15: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/15.jpg)
DataTables(cont…) $('#tabla').dataTable({ "oLanguage": { "sZeroRecords": "No hay registros", "sLengthMenu": "Mostrando _MENU_ registros por pagina", "sInfo": "Mostrando _START_ / _END_ de _TOTAL_ registros", "sInfoEmpty": "Mostrando 0 to 0 of 0 registros", "oPaginate": { "sFirst": "Inicio", "sLast": "Ultimo", "sNext": "Prox.", "sPrevious": "Prev." } }, });
![Page 16: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/16.jpg)
DataTables(cont…) $('#datatabla').dataTable({ "aoColumns": [{ "bSortable": false }, null, { "sTitle": “", "bSortable": true, "fnRender": function (o) { return '<a >aaa</a>' } }], "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull) { $(nRow).attr("id", aData[0]); return nRow; } });
![Page 17: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/17.jpg)
Parametros DataTablepublic class jQueryDataTableModel {public string sEcho { get; set; }public string sSearch { get; set; }public int iDisplayLength { get; set; }public int iDisplayStart { get; set; }public int iColumns { get; set; }public int iSortingCols { get; set; }public string sColumns { get; set; } }
![Page 18: 10 Programación Web con .NET y C#](https://reader038.fdocuments.co/reader038/viewer/2022100802/58772df81a28ab2b2c8b650d/html5/thumbnails/18.jpg)
Controlador return Json(new { sEcho = param.sEcho, iTotalRecords = tabla.Count(), iTotalDisplayRecords = tabla.Count(), aaData = datos});