1. #1
    Sencha User
    Join Date
    Jul 2013
    Posts
    2
    Vote Rating
    0
    rpradeshik is on a distinguished road

      0  

    Default Fileupload not working for firefox 22 on windows 7

    Fileupload not working for firefox 22 on windows 7


    The Fileupload trigger not working on following Firefox versions
    1) Firefox 9.0.1 on Windows Server 2003 SP2
    2) Firefox 22 on Windows 7 Professional

    I tried
    { xtype: 'fileuploadfield',
    name: 'photo',
    fieldLabel: 'Photo',
    labelWidth: 50,
    msgTarget: 'side',
    allowBlank: false,
    width: 200,
    buttonText: 'Brw'
    } inside an form.panel .

    The file field gets displayed, but does not make browse window pop-up at click of 'Brw' button .

    It works with 4.2.0 extjs version http://jsfiddle.net/rajeshpv/mVhac/5/
    It works with 4.2.0.663
    but NOT working with 4.2.1.883 version
    It works with 4.2.1 http://jsfiddle.net/rajeshpv/kB9vG/1/
    Last edited by rpradeshik; 24 Jul 2013 at 9:52 AM. Reason: edited teh Title

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,900
    Vote Rating
    176
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    It's working ok for me on Firefox 22 in Win7 and OSX.

    Code:
    <html>
    <head>
    	<!-- <link rel='stylesheet' type='text/css' href='http://cdn.sencha.com/ext/gpl/4.2.1/resources/ext-theme-classic/ext-theme-classic-all-debug.css'/> -->
    	<link rel='stylesheet' type='text/css' href='http://cdn.sencha.com/ext/gpl/4.2.1/resources/ext-theme-neptune/ext-theme-neptune-all-debug.css'/>
    	<script type='text/javascript' src='http://cdn.sencha.com/ext/commercial/4.2.1/ext-all.js'></script>
    
    
    	<style>
    		body {
                padding: 20px;
            }
    	</style>
    
    
    
    
    	<script tyle='text/javascript'>
    		Ext.Loader.setConfig({
    		    enabled: true,
    		    disableCaching: false
    		});
    
    
    		Ext.application({
    		    name: 'Test',
    		    launch: function () {
    
    
    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: [{
            xtype: 'fileuploadfield',
            name: 'photo',
            fieldLabel: 'Photo',
            labelWidth: 50,
            msgTarget: 'side',
            allowBlank: false,
            width: 200,
            buttonText: 'Brw'
        }],
    
    
        // 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()
    });
    
    
    		    }
    		});
    	</script>
    </head>
    
    
    
    
    <body>
    
    
    </body>
    </html>
    Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our recruiting manager: sheryl@sencha.com

    C
    heck out all of the 2013 SenchaCon presentations here:
    http://www.sencha.com/blog/senchacon...now-available/

  3. #3
    Sencha User
    Join Date
    Jul 2013
    Posts
    2
    Vote Rating
    0
    rpradeshik is on a distinguished road

      0  

    Default


    Thanks Slemmon , your reply *did* help us out.

    Figured out the issue was due to our *custom* reset css which was blindly used in all projects was causing the issue. That too using wildchar selection on common tags like body,form etc., I know extjs uses its own reset.css but ours was interfering such that, when the class in "html" tag changed to "x-strict" the issue was occuring where trigger for filetype was not triggering at all. If it entered into x-quirks, it did not occur.

    Hope this might help others, to make sure, to use proper resets like standards from "blueprint" or "extjs" default reset or "twitter" boothstrap

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi