We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 38925
    • 38 Posts
    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 !