Maggo Mag Theme

Setelah lama tidak bisa mengisi blog ini akhirnya hari ini baru ada kesempatan untuk kembali mengisi dan memperbarui blog ini.
Dalam perkembangan waktu - waktu ini teknologi informasi telah berkembangan dengan sangat pesatnya terutama pada pemrograman yang bersifat intgerprise.
Pada kali ini saya akan memberikan sedikit contoh tentang bagaimana cara memanfaatkan ExtJs Untuk membuat menu Login.

Langsung saja
Oh ya bagi yang belum punya library untuk ExtJs anda dapat mendownloadnya di alamat iniDownload
buat satu file bernana index.jsp

isi sourcenya seperti berikut:
///**********************************************

Login = function(){
var dialog, form;

return{
Init:function(){

var logoPanel = new Ext.Panel({
baseCls: 'x-plain',
bodyStyle: 'background:#f9f9f9 url(images/metal.png) no-repeat center center;',
region: 'center'
});

var formPanel = new Ext.form.FormPanel({
baseCls: 'x-plain',
baseParams: {
module: 'login'
},
bodyStyle: 'background:#f9f9f9 none; color:#222; padding:5px 35px;',
defaults: {
width: 200
},
defaultType: 'textfield',
frame: false,
height: 70,
items: [{
fieldLabel: 'User Name',
name: 'user',
value: 'sugik'
},{
fieldLabel: 'Password',
inputType: 'password',
name: 'pass',
value: 'nppsvu'
}],
labelWidth:120,
region: 'south',
url: 'cekLogin.jsp'
});

dialog = new Ext.Window({
buttons: [{
handler: function(){
form.submit({
url: 'cekLogin.jsp',
waitMsg:'Please Wait...',
reset:true,
success:Login.Success,
failure:function() {
Ext.MessageBox.alert('Status','User atau Password salah');

},
scope:Login
});
},
scope: Login,
text: 'Login'
}],
buttonAlign: 'right',
closable: false,
draggable: true,
height: 250,
id: 'login-win',
layout: 'border',
minHeight: 250,
minWidth: 430,
plain: false,
resizable: true,
items: [
logoPanel,
formPanel
],
title: 'Login',
width: 430
});

form = formPanel.getForm();

dialog.show();
},

Success: function(f,a){
//Ext.MessageBox.alert('Confirm', a.result.info);
if(a && a.result){
dialog.destroy(true);
window.location = 'menuutama/main.jsp';
//window.open('menuutama/main.jsp', '', 'fullscreen=yes, scrollbars=auto');
}
}
};
}();

Ext.BasicForm.prototype.afterAction=function(action, success){
this.activeAction = null;
var o = action.options;
if(o.waitMsg){
Ext.MessageBox.updateProgress(1);
Ext.MessageBox.hide();
}
if(success){
if(o.reset){
this.reset();
}
Ext.callback(o.success, o.scope, [this, action]);
this.fireEvent('actioncompleted', this, action);
}else{
Ext.callback(o.failure, o.scope, [this, action]);
this.fireEvent('actionfailed', this, action);
}
}
//***********************************
Buat satu file lagi dengan nama cekLogin.jsp

<%@ include file="koneksi/koneksi.jsp" %>

<%

String[] koneksi=new clsKoneksi().strKoneksi;

classDB kelasDB=new classDB(koneksi);

String usr=request.getParameter("user");

String pswd=request.getParameter("pass");



//Buat sesion

HttpSession ses = request.getSession(true);

ses.setMaxInactiveInterval(360);

try{

Object[] isi=kelasDB.getSatuRekord("select * from fn_login('" + usr + "','" + pswd + "')");

if(isi[0].toString().trim().equals("1")){

String[] sesi = {usr};

ses.setAttribute("user",sesi);

out.println("{success:true}");

}else{

String[] sesi = {""};

ses.setAttribute("user",sesi);

out.println("{success:false}");

}

}catch(Exception ex){}

%>


//************************************
Selamat mencoba