Vamos começar alterando o arquivo index.zul, para permitir inclusão, exclusão e alteração de tarefas. A versão final está listada a seguir, com negrito destacando as modificações relativas ao apresentado na parte 2. Adicionamos um groupbox contendo textbox, intbox e datebox, para permitir atribuir valores ao Nome da Tarefa, Prioridade e Data, respectivamente. Aos botões Incluir, Excluir e Salvar estão associados os respectivos métodos que serão acionados no evento onClick. Além disso, ao selecionar uma linha do listbox, o evento onSelect irá disparar o método selecionar().
<?xml version="1.0" encoding="UTF-8"?>Você deve ter observado que o código Java do zcript está agora em um arquivo separado. Para criá-lo no NetBeans, clique no nome do projeto com o botão direito e escolha New -> Other -> Web -> ZS File e clique em Next. Nomeie o arquivo como ListaTarefas.zs e clique em Finish.
<window title="Lista de Tarefas" width="800px" border="normal">
<zscript src="ListaTarefas.zs"/>
<listbox id="box" multiple="true" rows="4" onSelect="selecionar()">
<listhead>
<listheader label="Tarefa"/>
<listheader label="Prioridade" width="90px"/>
<listheader label="Data" width="90px"/>
</listhead>
<listitem forEach="${listaTarefas}" value="${each}">
<listcell label="${each.nome}"/>
<listcell label="${each.prioridade}"/>
<listcell label="${each.dataTarefaAsString}"/>
</listitem>
</listbox>
<groupbox>
Tarefa: <textbox id="nome" cols="30" />
Prioridade: <intbox id="prioridade" cols="1" />
Data: <datebox id="dataT" cols="8"/>
<button label="Incluir" width="60px" height="24px" onClick="incluir()" />
<button label="Salvar" width="60px" height="24px" onClick="salvar()" />
<buTton label="Excluir" width="60px" height="24px" onClick="excluir()" />
</groupbox>
</window>
Criando um arquivo ZS no NetBeans O novo arquivo será criado na pasta Web Pages e deve ter o conteúdo abaixo. Infelizmente a versão atual REM, o plugin ZK para o NetBeans que estamos utilizando, ainda não provê code completion para arquivos ZS, portanto o editor mostrará o código Java como num arquivo texto comum (no Ubuntu, a tecla ENTER não funcionou, então tive que usar o Ctrl+Enter para inserir novas linhas).
import javabahia.beans.Tarefa;Os métodos incluir(), salvar(), excluir() e selecionar() são acionados pelos código já mostrado em index.zul e são bem auto-explicativos, portanto me reservarei ao direito de não entrar em detalhes (Você poderá encontrar maiores explicações no tutorial original, que utilizamos como base). Logo no início é instanciado o novo TarefaDAO, que ainda não havíamos criado, necessários para fazer "a ponte" entre as camadas de interface e persistência. Eis o seu código, que deve estar localizado no package javabahia.dao.
import javabahia.dao.TarefaDAO;
import java.text.SimpleDateFormat;
TarefaDAO tarefaDAO = new TarefaDAO();
List listaTarefas = tarefaDAO.listar();
void incluir(){
//insere no banco de dados
Tarefa novaTarefa = new Tarefa(nome.value, prioridade.value.intValue(), dataT.value);
tarefaDAO.incluir(novaTarefa);
//sincroniza a variável listaTarefas com os dados do banco
listaTarefas = tarefaDAO.listar();
//insere um novo Tarefa na listbox
Listitem li = new Listitem();
li.setValue(novaTarefa);
li.appendChild(new Listcell(nome.value));
li.appendChild(new Listcell(prioridade.value.toString()));
li.appendChild(new Listcell(new SimpleDateFormat("dd/MM/yyyy").format(dataT.value)));
box.appendChild(li);
}
void salvar(){
//atualiza o banco de dados
Tarefa editTarefa = (Tarefa)box.selectedItem.value;
editTarefa.setNome(nome.value);
editTarefa.setPrioridade(prioridade.value);
editTarefa.setDataTarefa(dataT.value);
tarefaDAO.salvar(editTarefa);
//atualiza a listbox
List children = box.selectedItem.children;
((Listcell)children.get(0)).label = nome.value;
((Listcell)children.get(1)).label = prioridade.value.toString();
((Listcell)children.get(2)).label = new SimpleDateFormat("dd/MM/yyyy").format(dataT.value);
}
void excluir(){
tarefaDAO.excluir((Tarefa)box.selectedItem.value);
box.removeItemAt(box.getSelectedIndex());
limpar();
}
void selecionar(){
nome.value = ((Tarefa)box.selectedItem.value).getNome();
prioridade.value = ((Tarefa)box.selectedItem.value).getPrioridade();
dataT.value = ((Tarefa)box.selectedItem.value).getDataTarefa();
}
void limpar(){
nome.value = null;
prioridade.value = null;
dataT.value = null;
}
package javabahia.dao;Estamos quase prontos. pois ainda falta criar um construtor adicional para a classe Tarefa, necessário para adicionar novas tarefas. Ao invés de digitar da maneira tradicional, vamos usar um recurso do NetBeans. Estando com o código aberto, escolha o menu Source -> Insert Code, selecione Generate / Constructor. Marque Nome, Prioridade e Tarefa e clique em Generate.
import java.util.List;
import javabahia.beans.Tarefa;
import javax.persistence.EntityManager;
import org.zkoss.zkplus.jpa.JpaUtil;
public class TarefaDAO {
private static EntityManager em = JpaUtil.getEntityManager("ListaTarefasPU");
public List listar() {
return em.createQuery("SELECT t FROM Tarefa t").getResultList();
}
public void excluir(Tarefa t) { em.remove(t); }
public void incluir(Tarefa t) { salvar(t); }
public void salvar(Tarefa t) {
em.getTransaction().begin();
em.persist(t);
em.getTransaction().commit();
}
}
Gerando um construtor adicional para a classe TarefaAgora sim, não falta mais nada. Execute sua aplicação e você verá a tela a seguir, com funcionamento semelhante a este demo ao vivo. O código-fonte deste tutorial está disponível para download neste link do javabahia.dev.java.net.
Uma aplicação completa feita no NetBeans usando o ZK
