cómo usar la plantilla jquery con la variable de matriz de propiedades javascript para mostrar datos completos en formato de tabla

por ejemplo:

Creé un modelo de matriz de propiedades de JavaScript con algunas propiedades como Nombre, inicio, director, año como se muestra a continuación:

model = {}
  model.Name = [];
  model.Stars = [];
  model.Director = [];
  model.Year = [];

luego agregué algunos datos en el modelo usando el método push, por ejemplo, en tiempo de ejecución

Name="DDLJ"
Stars="SRK"
Director="Yashraj"
Year="1998"

Name="K3G"
Stars="SRK"
Director="Karan"
Year="2004"


Name="KKHH"
Stars="SRK"
Director="Karan"
Year="2000"

Entonces, quiero mostrar toda esta información del objeto de matriz modelo a la tabla html usando la plantilla jquery, pero no sé cómo hacerlo.

Traté de usar {{each}} {{/each}} pero solo muestra los datos de una propiedad a la vez y luego, como...

{{each Name}} ${{$Value}} {{/each}}

{{each stars}} ${{$Value}} {{/each}}

Resuelvan este problema y ayúdenme...

preguntado el 04 de julio de 12 a las 10:07

1 Respuestas

El modelo debería ser así (una matriz de objetos, no un objeto con varias matrices):

var model = [];
model.push( { Name: "DDLJ", Stars: "SRK", Director: "Yashraj", Year: 1998 } );
// etc

Entonces debería poder escribir algo como esto para la plantilla:

<script id="modelTemplate" type="text/x-jquery-tmpl"> 
        <tr> 
            <td>${$Name}</td>
            <td>${$Stars}</td>
            <td>${$Director}</td>
            <td>${$Year}</td>
        </tr> 
</script>

<table id="modelTable"><table>

Y luego para renderizar la plantilla:

$("#modelTemplate").tmpl(model).appendTo($("#modelTable");

Respondido 04 Jul 12, 10:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.