Skip to content

Vistas en Wicket

Jump to bottom
Federico Aloi edited this page Dec 11, 2018 · 6 revisions

Recursos útiles

Crear una vista nueva

Todas las vistas comparten un layout, que está definido en LayoutPage y básicamente tiene esta forma:

<!DOCTYPE html>
<html>
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <link rel="stylesheet" href="css/main.css" type="text/css" />
      <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
      <title>Libro Matriz Digital</title>
  </head>
  <body>
    <div class="container principal">
      <wicket:child />
    </div>
  </body>
</html>

Las vistas que hagamos van a aparecer donde está el tag <wicket:child />. Para que eso pase hay que hacer lo siguiente:

  • Crear una clase Java que herede de LayoutPage y no de WebPage.
  • Escribir solo el HTML que corresponda a nuestra vista, encerrado por los tags <wicket:extend>. Para que se vea bien, es importante que todo el HTML que pongamos esté contenido en una row de Bootstrap (puede haber más de una, claro).

Por ejemplo:

<wicket:extend>
  <div class="row">
    <p>Acá está mi HTML que va a ir adentro del layout.</p>
  </div>
  <div class="row">
    <div class="panel panel-primary">
      <div class="panel-heading titulo">
        <h4>Y este panel también está dentro de una row</h4>
      </div>
      <div class="panel-body">
        <p>Sí, todo va en una row</p>
      </div>
    </div>
  </div>
<wicket:extend>

Agregar un link a la barra de navegación

Los links de la barra de navegación están definidos en la LayoutPage, concretamente en esta parte:

<div class="collapse navbar-collapse" id="barra-navegacion-principal">
  <ul class="nav navbar-nav">
    <li><a wicket:id="alumnosPage">Alumnos</a></li>
    <li><a wicket:id="carrerasPage">Carreras</a></li>
  </ul>
</div>

Para agregar un link hay que crear un nuevo <li> allí y luego configurarlo en LayoutPage.java, como siempre.

Clone this wiki locally