Ext.ux.form.BrowseButton

[Olivier Smeesters]

Hi,

I'm using your extension and found the following issue. If you call disable() before the button has been rendered, the method will try to disable the inputFileEl before it exists.

To solve this, I've modified enable() and disable() to test if this.rendered and this.inputFileEl before applying to the inputFileEl and added the test to the onRender() method (if this.isDisabled, disable the dom element).

BTW, I'm using your extension instead of the extension provided by ExtJS 3 because the ExtJS extension has no detachFileInput. I can put your button in a toolbar and move the file input element to a hidden form for the upload. I don't see how this can be done with the ExtJS FileUploadField.

My 2 cents,


Olivier

[loeppky]

Hi guys,

I'm sorry for the delayed response. I haven't been doing much Ext work with my team lately, thus am a bit out of the Ext loop.

That said, I don't want to put anytime into supporting this extension given that there is an official Ext extension instead. Olivier Smeesters brings up a concern about functionality that this extension provides over the Ext one. That said, I would rather energy be put into making the Ext one meet people's use cases.

If others want to keep this extension alive rather than working on improving the Ext one, go for it. It would probably be best to start a new thread so that the maintainers can modify the original post with the most up to date code. Alternatively, someone could create a project on GitHub for this.

I will update the original post saying this extension is no longer supported (by me) and that people will need to either read the most recent posts for the latest updates or switch to using the Ext provided control.

Sound good?
Steve

[cblin]

For people that are still using this extension, note that we had to make this modification inside the code :
//this.clipEl.on({
// 'mousemove': this.onButtonMouseMove,
// 'mouseover': this.onButtonMouseMove,
// scope: this
//});

this.buttonCt.on({
'mousemove': this.onButtonMouseMove,
'mouseover': this.onButtonMouseMove,
scope: this
});

because this was sometimes causing problem with IE 6 & 7 (the mouseover and mousemove events were not triggered)

[scottw]

The previously mentioned IE8 problem may have something to do with the DOCTYPE. When using XHTML strict, the problem appears. When we switched to using XHTML transitional the problem went away. I saw the problem on IE7 as well.

[loeppky]

I know that I have said that I am no longer supporting this extension and that people should use Ext's Ext.ux.form.FileUploadField. I started using it myself last week and found problems with it. I have made the necessary fixes and documented them here: http://www.extjs.com/forum/showthread.php?p=402903. I don't expect to ever update this thread again.

[freakmod]

I have to say this version is much better than the current official ExtJS one. Hopefully they take ideas from this one such as the moving browse button and non interference with adjacent buttons and add these features to the one in 3.x.x!

[loeppky]

I have to say this version is much better than the current official ExtJS one. Hopefully they take ideas from this one such as the moving browse button and non interference with adjacent buttons and add these features to the one in 3.x.x!

Can you please add a post to http://www.extjs.com/forum/showthread.php?p=407357 suggesting that the Ext team incorporate these changes.

[sanjaybh]

Hi there,

I need one <input type="file"> in my application where browse will put whole file path to the text box using extjs. I am new to extjs, need some help ?

regards
Sanjay

[lorezyra]

Hi there,

I need one <input type="file"> in my application where browse will put whole file path to the text box using extjs. I am new to extjs, need some help ?

regards
Sanjay

Sanjay,
Only certain browsers will return the full pathway to a selected file. Most do NOT. If you want to get the full pathway, you will have to implement an independent applet or flash component that retrieves the file...

[prasadk14]

Ext.ux.form.BrowseButton is not working with Ext 3.2.1.

Is there an updated code available?

Thanks,
Prasad K