Hi all !
I would like to display a form in my CMP page, wich will execute some ajax when submit button is clicked.
Actually i'm using a very ugly method :
var html =
'<form method="POST" action="" name="ajax">' +
'<p>' +
'<label for="groupName">Nom du groupe : </label>' +
'<input type="text" id="groupName" name="groupName" title="Nom du groupe dans lequel ajouter les utilisateurs créés"/>' +
'</p><br/>' +
'<p>' +
'<label for="adminMailChunkName">Nom du chunk pour l\'email administrateur : </label>' +
'<input type="text" id="adminMailChunkName" name="adminMailChunkName" title="Nom du chunk pour l\'email administrateur"/>' +
'</p><br/>' +
'<p>' +
'<label for="userMailChunkName">Nom du chunk pour l\'email utilisateur : </label>' +
'<input type="text" id="userMailChunkName" name="userMailChunkName" title="Nom du chunk pour l\'email utilisateur"/>' +
'</p><br/>' +
'<p>' +
'<label for="csvFilePath">Chemin du fichier CSV : </label>' +
'<input type="text" id="csvFilePath" name="csvFilePath" title="Chemin du fichier CSV"/>' +
'</p><br/>' +
'<p>' +
'<label for="adminUsername">Nom d\'utilisateur de l\'administrateur : </label>' +
'<input type="text" id="adminUsername" name="adminUsername" title="Nom d\'utilisateur de l\'administrateur"/>' +
'</p><br/>' +
' <p>' +
'<input type="button" value="Valider" ONCLICK="submitForm(this.form)"/>' +
'</p><br/>' +
'<p>' +
'<textarea rows="10" id="test"></textarea>' +
'</p><br/>' +
'</form>';
ImportUsersX.panel.Home = function(config) {
config = config || {};
Ext.apply(config,{
border: false
,baseCls: 'modx-formpanel'
,cls: 'container'
,items: [{
html: '<h2>ImportUsersX</h2>'
,border: false
,cls: 'modx-page-header'
},
{html: html}]
});
ImportUsersX.panel.Home.superclass.constructor.call(this,config);
};
Ext.extend(ImportUsersX.panel.Home,MODx.Panel);
Ext.reg('importusersx-panel-home',ImportUsersX.panel.Home);
I tried to do it from Shaun McCormick tutorial, substituing grid with form, but nothing is displayed.
I'm with revo 2.2.1
Thanks !