Berpetualang dengan ZKoss di belantara NetBeans

Zkoss atau yang disingkat ZK merupakan framework web Ajax yang dirancang dengan menggunakan pemrograman Java, ZK memungkinkan penerapan GUI untuk perancangan aplikasi web.

Instalasi ZK Framework di NetBeans :

1. Download plugin ZK yang berextension .cbm , urlnya :

http://plugins.netbeans.org/plugin/52406/rem7-0-0ce atau http://sourceforge.net/projects/rem1/

2. Instalasi plugin ZK pada NetBeans, klik Tools > Plugins dan pilih tab Downloaded pada kotak dialog plugins. Dan pilih Add Plugins, tetapkan plugins ZK yang telah di download.

3. Akhiri dengan mengklik tombol Install dan ikuti petunjuk saat instalasi.

Membuat Project :

1. Klik File > New Project dan pada Categories Java Web.

2. Kemudian tombol Next. Tentukan nama project dan project location serta project folder.

3. Klik tombol Finish untuk mengakhiri.

Extension file framework ZK adalah zul. Editlah file index.zul yang terdapat pada direktori Web Pages, seprti terlhat berikut ini :

index.zul setelah di edit :

<?xml version="1.0" encoding="UTF-8"?>

<zk xmlns="http://www.zkoss.org/2005/zul">

<window title="My First ZK Application" border="normal">

<combobox id="combo2"/>

<textbox id="TxtNama" value=""></textbox>

<button label="KLIK" onClick='alert("Hellooo...world")'></button>

<button label="KLIK 2" onClick='tes()'></button>

<textbox id="TxtHasil"></textbox>

<zscript><![CDATA[

String [] kota = {"JAKARTA","BEKASI","DEPOK","BOGOR","TANGERANG"};

for(int i=0;i<kota.length;i++) {

combo2.appendItem(String.valueOf(kota[i]));

}

void tes() {

String cetak = TxtNama.getText();

alert("Hallooo..."+TxtNama.getText());

TxtHasil.setText(cetak);

}

]]></zscript>

</window>

</zk>

Keterangan :

parameter.setText() => berfungsi untuk menetapkan nilai pada parameter yang bersangkutan.

parameter.getText() => berfungsi untuk mengambil nilai dari parameter yang bersangkutan.

void nama method() => method dimana di dalamnya terdapat transaksi dan variable yang menampung nilai dari suatu parameter.

onClick() => merupakan event atau kejadian berupa klik, double klik, enter dan sebagainya.