Code:
Ext.require([
'Ext.form.*',
'Ext.loader.*',
'Ext.button.*'
]);
Ext.Loader.setConfig({enabled: true});
Ext.Loader.setPath('Ext.ux', '../ux/');
Ext.onReady(function() {
function ajaxButtonFunction() {
var formdesc = Ext.getCmp('description').getValue();
Ext.Ajax.Request({
url : 'ajax.php' ,
params : { action : 'getData'},
method: 'POST',
success: function ( result, request ) {
Ext.MessageBox.alert('Success', 'Data return from the server: '+ result.responseText);
} ,
failure: function () {
Ext.MessageBox.alert('Failed', 'Data NOT');}
});
}
var top = Ext.create('Ext.form.Panel', {
renderTo:'order-edit',
style: {margin: '0px auto 15px auto'},
frame:true,
method: 'POST',
url: 'addcom.php',
standardSubmit: true,
id: 'top',
title: 'Some edit',
bodyStyle:'padding:5px 5px 0',
width: 800,
fieldDefaults: {
labelAlign: 'top',
msgTarget: 'side'
},
items: [
{
xtype: 'numberfield',
fieldLabel: 'Some number',
id: 'rate',
anchor:'90%'
},{
xtype: 'filefield',
name: 'sfirstform',
fieldLabel: 'Document',
labelSeparator: "",
labelWidth: 50,
msgTarget: 'side',
anchor: '80%',
buttonText: 'Select file'
},
{
xtype: 'htmleditor',
name: 'description',
id: 'description',
hideLabel: true,
width: 730,
height: 120
}, {
xtype:'button',
text: 'Add comment',
name: 'addcomment',
handler: ajaxButtonFunction
}
],
buttons: [{
text: 'Save',
handler: function() {
var form = top.getForm();
form.submit();
}
},{
text: 'Delete'
}]
});
});
firebug writes: Ext.Ajax.Request is not a function