Feb 092011
 

Assalamu’ alaikum wr wb

SQurrel Client

SQuirrel Client

Tiap kita menggunakan database pasti kita membutuhkan sebuah aplikasi pembantu atau mungkin kita menggunakan bawaan database tersebut, misal kita menggunakan postgreSQL biasanya sudah terinstall juga PGAdmin III yang merupakan bawan PostgreSQL, atau mungkin juga anda menggunaan phpmyadmin untuk mysql.

kali ini saya akan memberi sedikit informasi tentang sebuah aplikasi pembantu untuk memanage databse kita. Setelah mencari dan berkeliling dari website satu ke website lain akhirnya saya menemukan sebuah aplikasi database client yang lumayan bagus, dan juga lengkap fiturnya, dan yang jelas gratis atau free. Nama aplikasi ini adalah SQUirrel SQL Client. aplikasi ini dibuat dengna menggunakan java, jadi jika teman – teman mau install jangan lupa install dulu jdk atau jre ok. berikut adalah screen shotnya.

SQurrel SQL Client

SQuirrel SQL Client

SQuirrel SQL Client

SQuirrel SQL Client

Untukd apat mendownload aplikasi ini silakan masuk ke sini : http://squirrel-sql.sourceforge.net/

Wassalamu’ alaikum wr wb

May 152010
 

Jawaban buat Mas David.

Assalamu’ alaikum wr wb

Jadi langsung pada masalah di sini saya akan memberikan contoh load data dari database ke dalam combo ExtJS.

yang pertama dilakukan adalah membuat koneksi ke databse kita (Untuk koneksi saya asumsikan anda semua sudah bisa deh, kalo belum bisa silakan tanya di bawah ya :D).

Yang kedua adalah mebuat file jsp nya. contoh :

<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>JSP Page</title>
 <!-- ini adalah lib ExtJS -->
 <link rel="stylesheet" type="text/css" href="../ext-3.2.1/resources/css/ext-all.css">
 <script type="text/javascript"  src="../ext-3.2.1/adapter/ext/ext-base.js"></script>
 <script type="text/javascript"  src="../ext-3.2.1/ext-all-debug.js"></script>
 <script language="javascript">
   Ext.onReady(function()
{
 Ext.QuickTips.init();
 var genres = new Ext.data.Store({
 url: 'doCombo',
 reader: new Ext.data.ArrayReader(
 {
 id:0
 },
 [
 {
 name: 'id'
 },
 {
 name: 'genre'
 }
 ]
 )

 });
 genres.reload();
 var combo = new Ext.FormPanel
 ({
 labelWidth:80,
 frame:true,
 title:'Test',
 defaultType:'textfield',
 monitorValid:true,

 items:
 [{
 xtype: 'combo',
 name: 'genre',
 fieldLabel: 'Genre',
 mode: 'local',
 store: genres,
 displayField:'genre',
 width: 120
 }]
 });

 var win = new Ext.Window
 ({
 layout:'fit',
 width:350,
 height:150,
 closable: false,
 resizable: false,
 plain: true,
 border: false,
 items: [combo]
 });
 win.show();
});
 </script>
</head>
<body>
 <a href="doCombo">Tampil Data Combo </a>
</body>
</html>

Ok sekarang kita tinggal buat scrip yang mengeksekusi data dari database. buat file tampil.jsp yang akan mengenerate scrip array yang di butuhkan oleh combo kita:

<jsp:useBean id="coba" scope="session"/>
<%
 out.print("[");
 for(int i=0; i<coba.getId().size(); i++)
 {
 out.print("[");
 out.print("'" + coba.getId().get(i) + "',");
 out.print("'" + coba.getNama().get(i) + "'");
 out.print("]");
 if(i<coba.getId().size()-1)
 out.print(",");
 }
 out.print("]");
%>

Ok kalo bingung silakan tulis di bawah ya, maaf lagi tergesa – gesa mau ke luar kota 😀
Maaf mas david jawabannya ada disini, oh ya ini adalah scripnya mas david cuman saya tambahin dikit 😀
Untuk download silakan klik disini

Wa’alaikum salam wr wb