PDA

View Full Version : minWidth Problem



talha06
4 Aug 2010, 10:30 AM
Hi everyone,

I just created a login page that includes two buttons(login and reset) and register button for users that haven't registered yet. I've been taking this render error at Firebug, so I'm not able to see anything :

c is undefined
minWidth: c.minWidth || min ext-all-debug.js (line 15121)
Here's the code :

Ext.onReady(function() {
Ext.QuickTips.init();

var spot = new Ext.ux.Spotlight({
easing: 'easeOut',
duration: .3
});

var cinsiyetStore = new Ext.data.ArrayStore({
storeId : 'cinsiyetStore',
autoLoad : true,
fields : ['cinsiyetVal, cinsiyetText'],
data : [[1, 'Bay'], [0, 'Bayan']]
});

var cinsiyetCombo = new Ext.form.ComboBox({
id : 'cinsiyetCombo',
fieldLabel : 'Cinsiyet ',
labelWidth : 60,
emptyText : 'Cinsiyet Seçiniz...',
displayField : 'cinsiyetText',
valueField : 'cinsiyetVal',
forceSelection : true,
triggerAction : 'all',
typeAhead : true,
mode : 'local',
lazyRender : true,
store : 'cinsiyetStore'
});

var registerBtn = new Ext.Button({
id : 'registerBtn',
text : 'Kay?t Ol',
iconCls : 'icon-user-add',
formBind : true,
handler : function() {
Ext.getCmp('registerForm').getForm().submit({
clientValidation : true,
url : 'Registeration',
success : function(form, action) {
Ext.Msg.show({
title : 'BA?ARILI!',
msg : 'Kay?t Ba?ar?l?.. Yönlendiriliyorsunuz..', // yönlendirme..
icons : Ext.Msg.INFO,
buttons : Ext.Msg.OK
});
},
failure : function(form, action) {
Ext.Msg.show({
title : 'HATA!',
msg : 'Lütfen bilgilerinizi do?ru giriniz!',
icons : Ext.Msg.ERROR,
buttons : Ext.Msg.OK
});
}
});
}
});

var registerWin = new Ext.Window({
id : 'registerWin',
title : 'Yeni Kay?t Penceresi',
iconCls : 'icon-window',
autoHeight : true,
width : 400,
resizable : false,
closeAction : 'hide',
modal : true,
animateTarget: 'registerWinBtn',
items : [{
xtype : 'form',
id : 'registerForm',
monitorValid: true,
bodyStyle : 'padding: 8px 8px',
items : [{
xtype : 'textfield',
labelWidth : 60,
id : 'newKullaniciAdiText',
fieldLabel : 'Kullan?c? Ad? <b><font color=\'red\'>*</font></b>',
allowBlank : false,
blankText : 'Bu alan gereklidir!'
}, {
xtype : 'textfield',
labelWidth : 60,
id : 'newSifreText',
fieldLabel : '?ifre ',
allowBlank : false,
blankText : 'Bu alan gereklidir!',
inputType : 'password'
}, {
xtype : 'textfield',
labelWidth : 60,
id : 'newMailText',
fieldLabel : 'Mail ',
vtype : 'email',
allowBlank : false,
blankText : 'Bu alan gereklidir!'
}, cinsiyetCombo,
{
xtype : 'datefield',
labelWidth : 60,
fieldLabel : 'Do?um Tarihi ',
id : 'birthdateField'
}]
}],
buttonAlign : 'center',
buttons : [ registerBtn, registerResetBtn ]
});

var girisBtn = new Ext.Button({
id : 'girisBtn',
text : 'Giri?',
iconCls : 'icon-ok',
formBind : true,
handler : function() {
Ext.getCmp('loginForm').getForm().submit({
clientValidation : true,
url : 'LoginCheck',
success : function(form, action) {
Ext.Msg.show({
title : 'BA?ARILI!',
msg : 'Giri? Ba?ar?l?.. Yönlendiriliyorsunuz..', // yönlendirme..
icons : Ext.Msg.INFO,
buttons : Ext.Msg.OK
});
},
failure : function(form, action) {
Ext.Msg.show({
title : 'HATA!',
msg : 'Kullan?c? ad? veya ?ifreniz yanl??!',
icons : Ext.Msg.ERROR,
buttons : Ext.Msg.OK
});
}
});
}
});

var resetBtn = new Ext.Button({
id : 'resetBtn',
text : 'S?f?rla',
iconCls : 'icon-reset',
formBind : false,
handler : function() {
Ext.getCmp('loginForm').getForm().reset();
}
});

var registerResetBtn = new Ext.Button({
id : 'registerResetBtn',
text : 'S?f?rla',
iconCls : 'icon-reset',
formBind : false,
handler : function() {
Ext.getCmp('registerForm').getForm().reset();
}
});

var registerWinBtn = new Ext.Button({
id : 'registerWinBtn',
text : 'Kay?t Ol',
iconCls : 'icon-user-add',
formBind : false,
handler : function() {
spot.show(Ext.getCmp('registerWin'));
Ext.getCmp('registerWin').show();
}
});

var loginForm = new Ext.form.FormPanel({
renderTo : 'formDiv',
id : 'loginForm',
title : 'Kullan?c? Giri? Formu',
iconCls : 'icon-form',
monitorValid: true,
autoHeight : true,
bodyStyle : 'padding: 8px 8px',
width : 300,
defaults : {
xtype : 'textfield'
},
items : [{
fieldLabel : 'Kullan?c? Ad? ',
labelWidth : 60,
id : 'kAdiText',
allowBlank : false,
blankText : 'Bu alan gereklidir!'
}, {
fieldLabel : '?ifre ',
labelWidth : 60,
id : 'sifreText',
allowBlank : false,
blankText : 'Bu alan gereklidir!',
inputType : 'password'
}],
buttons : [ girisBtn, resetBtn, registerWinBtn ],
buttonAlign : 'center'
});
});Thanx in advance..

j_mmontero
4 Aug 2010, 11:43 AM
Try this!


Ext.onReady(function() {
Ext.QuickTips.init();

var spot = new Ext.ux.Spotlight({
easing: 'easeOut',
duration: .3
});

var cinsiyetStore = new Ext.data.ArrayStore({
storeId : 'cinsiyetStore',
autoLoad : true,
fields : ['cinsiyetVal, cinsiyetText'],
data : [[1, 'Bay'], [0, 'Bayan']]
});

var cinsiyetCombo = new Ext.form.ComboBox({
id : 'cinsiyetCombo',
fieldLabel : 'Cinsiyet ',
labelWidth : 60,
emptyText : 'Cinsiyet Seçiniz...',
displayField : 'cinsiyetText',
valueField : 'cinsiyetVal',
forceSelection : true,
triggerAction : 'all',
typeAhead : true,
mode : 'local',
lazyRender : true,
store : cinsiyetStore
});

var registerBtn = new Ext.Button({
id : 'registerBtn',
text : 'Kay?t Ol',
iconCls : 'icon-user-add',
formBind : true,
handler : function() {
Ext.getCmp('registerForm').getForm().submit({
clientValidation : true,
url : 'Registeration',
success : function(form, action) {
Ext.Msg.show({
title : 'BAARILI!',
msg : 'Kay?t Ba?ar?l?.. Ynlendiriliyorsunuz..', // yönlendirme..
icons : Ext.Msg.INFO,
buttons : Ext.Msg.OK
});
},
failure : function(form, action) {
Ext.Msg.show({
title : 'HATA!',
msg : 'Ltfen bilgilerinizi doru giriniz!',
icons : Ext.Msg.ERROR,
buttons : Ext.Msg.OK
});
}
});
}
});
var registerResetBtn = new Ext.Button({
id : 'registerResetBtn',
text : 'S?f?rla',
iconCls : 'icon-reset',
handler : function() {
Ext.getCmp('registerForm').getForm().reset();
}
});
var registerWin = new Ext.Window({
id : 'registerWin',
title : 'Yeni Kay?t Penceresi',
iconCls : 'icon-window',
autoHeight : true,
width : 400,
resizable : false,
closeAction : 'hide',
modal : true,
animateTarget: 'registerWinBtn',
items : [{
xtype : 'form',
id : 'registerForm',
monitorValid: true,
bodyStyle : 'padding: 8px 8px',
items : [{
xtype : 'textfield',
labelWidth : 60,
id : 'newKullaniciAdiText',
fieldLabel : 'Kullan?c? Ad? <b><font color=\'red\'>*</font></b>',
allowBlank : false,
blankText : 'Bu alan gereklidir!'
}, {
xtype : 'textfield',
labelWidth : 60,
id : 'newSifreText',
fieldLabel : 'ifre ',
allowBlank : false,
blankText : 'Bu alan gereklidir!',
inputType : 'password'
}, {
xtype : 'textfield',
labelWidth : 60,
id : 'newMailText',
fieldLabel : 'Mail ',
vtype : 'email',
allowBlank : false,
blankText : 'Bu alan gereklidir!'
}, cinsiyetCombo,
{
xtype : 'datefield',
labelWidth : 60,
fieldLabel : 'Doum Tarihi ',
id : 'birthdateField'
}]
}],
buttonAlign : 'center',
buttons : [ registerBtn, registerResetBtn ]
});

var girisBtn = new Ext.Button({
id : 'girisBtn',
text : 'Giri',
iconCls : 'icon-ok',
formBind : true,
handler : function() {
Ext.getCmp('loginForm').getForm().submit({
clientValidation : true,
url : 'LoginCheck',
success : function(form, action) {
Ext.Msg.show({
title : 'BAARILI!',
msg : 'Giri Ba?ar?l?.. Yönlendiriliyorsunuz..', // yönlendirme..
icons : Ext.Msg.INFO,
buttons : Ext.Msg.OK
});
},
failure : function(form, action) {
Ext.Msg.show({
title : 'HATA!',
msg : 'Kullan?c? ad? veya ifreniz yanl?!',
icons : Ext.Msg.ERROR,
buttons : Ext.Msg.OK
});
}
});
}
});

var resetBtn = new Ext.Button({
id : 'resetBtn',
text : 'S?f?rla',
iconCls : 'icon-reset',
formBind : false,
handler : function() {
Ext.getCmp('loginForm').getForm().reset();
}
});



var registerWinBtn = new Ext.Button({
id : 'registerWinBtn',
text : 'Kay?t Ol',
iconCls : 'icon-user-add',
formBind : false,
handler : function() {
//spot.show(Ext.getCmp('registerWin'));
registerWin.show();
}
});

var loginForm = new Ext.form.FormPanel({
renderTo : Ext.getBody(),
id : 'loginForm',
title : 'Kullan?c? Giri Formu',
iconCls : 'icon-form',
monitorValid: true,
autoHeight : true,
bodyStyle : 'padding: 8px 8px',
width : 300,
defaults : {
xtype : 'textfield'
},
items : [{
fieldLabel : 'Kullan?c? Ad? ',
labelWidth : 60,
id : 'kAdiText',
allowBlank : false,
blankText : 'Bu alan gereklidir!'
}, {
fieldLabel : 'ifre ',
labelWidth : 60,
id : 'sifreText',
allowBlank : false,
blankText : 'Bu alan gereklidir!',
inputType : 'password'
}],
buttons : [ girisBtn, resetBtn, registerWinBtn ],
buttonAlign : 'center'
});
loginForm.render();
});

talha06
4 Aug 2010, 11:58 AM
@j_mmontero,

thank u so much for ur help, really I appreciated.. but can I learn my absent / mistake?