1. #11
    Ext User
    Join Date
    Apr 2010
    Posts
    1
    Vote Rating
    0
    Aaron1986 is on a distinguished road

      0  

    Default


    I use reCaptcha on my site. I will try your implementation at once.
    Will be back with feedback.Thank you for sharing.

  2. #12
    Ext User
    Join Date
    Jul 2010
    Posts
    2
    Vote Rating
    0
    Takeshi81 is on a distinguished road

      0  

    Default


    Hi,

    In my case the captcha is used in an summary-form.
    Before or after loading the captcha a bunch of other data has to be load also.
    This other data is loaded by the currentFormPanel.load()-method:
    Code:
    var currentFormPanel = Ext.getCmp('formSummary');
    currentFormPanel.load({
                url:Ext.getDoc().dom.location
                ,method:'POST'
                ,waitMsg:'Loading...'
                ,params:{_eventId_loadData:'load'}
                ,success: currentFormPanel.onLoadSuccess
    });
    I get a "f.clearInvalid is not a function"-error in the ext-all-debug.js (line 40838).

    My relevant source code is:
    Code:
    FormSummary = Ext.extend(FormSummaryUi, {
        initComponent: function() {
            FormSummary.superclass.initComponent.call(this);
            
            // FormSummary is generated with ExtBuilder. It uses a placeholder element which is replaced in
            // the initComponent-method by the captcha
            this.placeHolder0.replaceWith({
                   xtype:'recaptcha',
                   name:'recaptcha',
                   id:'recaptcha',
                   fieldLabel: ' ',
                   publickey:'mypublickey'
            });
        }
        
        /**
         * Form onRender override
         */
        ,onRender:function() {
            
            // call parent
            FormSummary.superclass.onRender.apply(this, arguments);
            
            // loads form data after initial layout
            this.on('afterlayout', this.onLoadClick, this, {single:true});
        } // eo function onRender
    
        /**
         * Load click handler
         */
        ,onLoadClick:function() {
            var currentFormPanel = Ext.getCmp('formSummary');
            currentFormPanel.load({
                url:Ext.getDoc().dom.location
                ,method:'POST'
                ,waitMsg:'Loading...'
                ,params:{_eventId_loadData:'load'}
                ,success: currentFormPanel.onLoadSuccess
            });
            // any additional load click processing here
        } // eo function onLoadClick
        
        ...
    If I remove the onLoadClick() method which loads my summary data, the captcha works fine.

    How can I load my summary data and the captcha in one form?
    Thanks in advance, for any help.

  3. #13
    Ext JS Premium Member
    Join Date
    Apr 2010
    Posts
    51
    Vote Rating
    0
    blex2010 is on a distinguished road

      0  

    Default extjs 4

    extjs 4


    Have you gotten this to work with extjs4?

  4. #14
    Ext JS Premium Member yyjia's Avatar
    Join Date
    Oct 2008
    Location
    Greater Boston Area
    Posts
    89
    Vote Rating
    0
    yyjia is on a distinguished road

      0  

    Default


    I create one which works under 4.x with a quick test. It is not perfect. But it works. You can get it from my blog post. Please leave me a comment if you test and see problem.
    Thanks and regards,

    Yiyu Jia