Archivo de la etiqueta: table

Create HTML Table from JSON – Crear tabla HTML desde un JSON


You can use this function to create a HTML table from JSON data:
HTML:

 

CSS:

.tableStyle
{
width: 100px;
border: 1px solid black;
}
.tableStyle th
{
color: red;
}

JS:

JSON:
var json = [{id: 1, name: ‘Carlitos’, age: 30}, {id: 2, name: ‘Miguel’, age: 32}, {id: 3, name: ‘Amanda’, age: 35}];
(You can get a Json from Ajax call)

Function call:
createTableFromJson(‘container’, json, true, ‘tableStyle’);

Function:
function createTableFromJson(containerID, json, withHeader, cssName)
{
var table = $(‘

‘);
table.addClass(cssName);
$.each(json, function(k, v) {
var o = json[k];
var row = $(‘
‘);

$.each(o, function(a, b) {
if (withHeader && k == 0)
{
var head = $(”);
head.text(a);
table.append(head);
}
var cell = $(”);
cell.text(b);
row.append(cell);
});
table.append(row);
});
$(‘#’ + containerID).append(table);
}

FULL SAMPLE

Autor: Matías Creimerman

Personal Website
Linkedin Profile

Blog
GitHub
Facebook
Twitter
Google+
Youtube
Asp.Net Member Profile
MVA Profile
MCP Profile (Microsoft Certifications)

 

Matías Creimerman

Matías Creimerman Certifications

Matias Creimerman

 

Anuncios

Deja un comentario

Archivado bajo Código

Hide HTML Table Column with JQuery – Ocultar columna de tabla HTML con JQuery


If you want to hide a Column in HTML Table you can use JQuery to do it.
 function hideTableColumns(idTable, columnsIndexs)
{
$(“#” + idTable + ” tr”).each(function() {
for(var i = 0; i < columnsIndexs.length; i++)
{
var colIndex = columnsIndexs[i];
$($(this).find(“td”)[colIndex]).hide();
}
});
}

FULL SAMPLE

Autor: Matías Creimerman

Personal Website
Linkedin Profile

Blog
GitHub
Facebook
Twitter
Google+
Youtube
Asp.Net Member Profile
MVA Profile
MCP Profile (Microsoft Certifications)

 

Matías Creimerman

Matías Creimerman Certifications

Matias Creimerman

 

Deja un comentario

Archivado bajo Código

Proceso de ejecución de una aplicación MVC en .NET


Fecha en que se escribió el post: 2009-05-10

Los request en una aplicacion basada en el framework ASP.NET MVC realizan acciones diferentes a las de una aplicacion ASP .NET.
Este es el orden de ejecución:

  1. Al primer Request desde el archivo Global.asax, los objetos Route (objetos que implentan RouteBase) son agregados al objeto RouteTable
  2. El modulo UrlRoutingModule (Un modulo HTTP) usa el primer objeto Route en el objeto RouteTable para crear un objeto RouteData el cual se usa para crear el objeto RequestContext (IHttpContext) e inicia el ruteo.
  3. Se crea un controlador de requests MVC. El objeto MvcRouteHandler crea una instancia de la clase MvcHandler y le pasa una instancia de RequestContext.
  4. El objeto MvcHandler usa la instancia del RequestContext para identificar el objeto IControllerFactory para crear el controlador.
  5. El MvcHandler llama al metodo Execute del controlador.
  6. El controlador determina a que metodo de que clase controladora debe llamar. Como la mayoria de todas las clases controladores heredan de la clase base Controller puede hacerlo determinandolo desde el ControllerActionInvoker. Así invoca al metodo correspondiente del request iniciado.
  7. El metodo invocado desde el controlador realiza su funcionalidad y retorna uno de estos tipos que se pueden retornar: ViewResult, RedirectToRouteResult, RedirectResult, ContentResult, JsonResult o EmptyResult.
  8. Si el request no coincide con ninguna ruta el UrlRoutingModule no hace nada y le pase el request al proceso habitual de ASP .NET o al procesamiento de solicitudes IIS.

Deja un comentario

Archivado bajo Teoría