PDA

View Full Version : how to set textfiled value in formpanel?



sunrong
9 Aug 2012, 4:30 AM
var top = Ext.create('Ext.form.Panel', {
title: 'Simple Form',
bodyPadding: 5,
width: 350,


// The form will submit an AJAX request to this URL when submitted
url: 'save-form.php',


// Fields will be arranged vertically, stretched to full width
layout: 'anchor',
defaults: {
anchor: '100%'
},


// The fields
defaultType: 'textfield',
items: [{
fieldLabel: 'First Name',
name: 'first',
allowBlank: false
},{
fieldLabel: 'Last Name',
name: 'last',
allowBlank: false
}],


// Reset and Submit buttons
buttons: [{
text: 'Reset',
handler: function() {
this.up('form').getForm().reset();
}
}, {
text: 'Submit',
formBind: true, //only enabled once the form is valid
disabled: true,
handler: function() {
var form = this.up('form').getForm();
if (form.isValid()) {
form.submit({
success: function(form, action) {
Ext.Msg.alert('Success', action.result.msg);
},
failure: function(form, action) {
Ext.Msg.alert('Failed', action.result.msg);
}
});
}
}
}],
renderTo: Ext.getBody()
});

i use

top.getForm().findField('first').value = 'sun';
, but 'sun' does not appear on the form?

is there anything i missed to do?

evant
9 Aug 2012, 4:31 AM
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.form.field.Text-method-setValue

sword-it
9 Aug 2012, 4:38 AM
Hi sunrong,


Use setValue() method , like



top.getForm().findField('first').setValue('sun');