My screencasts are consistently popular, so I thought I’d create another which talks about a slick usage of my favourite JS framework, Ext JS. In this screencast, I show how to display images stored on a server directory using a PHP JSON backend which provides data to an Ext DataView. I then allow deletion of these images and uploading of new images in an Ajax-style fashion, with no page refreshes.
This approach can be useful when editing a complex form - the details of a product you’re selling on your ecommerce site, for example - and you want to upload images without having to repopulate the other form fields when the page reloads, as it would with a standard file upload.
You can view the screencast here or download the full download the source code. I use loeppky’s BrowseButton extension for Ext 2, which you can read more about at his forum post. I hope you enjoy the screencast which is provided in association with Plastiscenic Ltd.
hi
ggReally cool! =D
Luiz AlbertoBrilliant, really clearly explained. You probably make things look too easy though!
davidgReally nice and straight forward example.
CiantiHelped me alot, thx
Now thats what I call a great explanation! Superb screencast - thank you.
modelracerhi guyy thx alot for this example it was very helpful. I want to ask if it is possible to show the image in others place in the html file before to upload the image to the folder.
zikohi guy ,Thanks your great work. may I get the download link? because my net is so slow! thanks.
JustinVery nice explenation. Helpfull to clear certain aspects of ExtJS out! Thanks a lot.
ConqBrilliant demo. I think that it would be much more practical if you integrate Ext.ux.SwfUploadPanel by mikegiddens
pspSwfUploadPanel isn’t really the same thing - it pops up a separate window and allows for queuing of multiple files. In many scenarios that’s just unnecessary.
Colin Ramsay