We are very proud to announce the final release of Ext Core under the MIT license. Your feedback was invaluable. Thank you for all the bugs reported and test cases created. For those of you who are new to Ext Core, we suggest you read the previous blog post about the all the features and examples that we released as part of the beta. You can find a list of changes and fixes we made for the final here.
For this post we will leverage the power of Ext by creating and dissecting a useful star rating example. We hope to share some of the general best practices behind creating unobtrusive, reusable code with Ext Core to liven up your pages.
Making a Splash
Including Ext Core on your site is easier than ever. We are honored to share with the community that Ext Core is now available via the Google AJAX Library API. Many thanks to Ben Lisbakken at Google for working with us to make this a reality.
//any of these will work
The example page illustrating this widget can be found here.
Final words
We hope that this library will find its way into many of your dynamic web pages and make your lives as web developers easier and more enjoyable. We are looking forward to seeing the great things you will create using it. We are always looking for ways to make this library better and we think the best way to do that is by listening to your suggestions. So, don't be shy and tell us what you think.
Ext rocks as always. Now, it’s part of google API infrastructure, making it even more awesome.
However, just any good widgets, DOM manipulation is only one part. One must also master CSS concepts thoroughly before creating super slick widgets.
Thanks for the great response guys! Turns out Safari/Chrome have an opacity 1 issue, so changed the reset el to get opacity 0.99 which fixed it in both browsers.
Was the rating example inspired by the GQuery GWT demo at Google IO? or is there a general example that inspired both?
Related, I was actually wondering if Ext GWT contained analogous DOM manipulation code present in ext-core (making it a competitor with GQuery mentioned above) or if it was just the widgets.
The Tabs demo example is broken in FireFox. The tab contents properly switch, but the tabs-button-panel does not. When you click on a tab, the third tab gets the tab-show class no matter which tab you click on. I’m on FF3 on a Mac, but I’ve also seen this happen on FF on a PC.
[...] Thanks to all for the requests to add ext-core to our Libraries API, and big thanks to Ext JS for providing their library so openly! For more information, head over to their blog post. [...]
I’m found some bug. There should be some check in “enable” function, because if function “enable” calls more then one time the code “this.container.on({click: this.onStarClick,...” execute more than one time too. So if user click on star, script has multiply calls of the click event. I resolve this problem by the use of “if(!this.disabled){return;}”, see code:
Thanks for the great response guys! Turns out Safari/Chrome have an opacity 1 issue, so changed the reset el to get opacity 0.99 which fixed it in both browsers.
Thanks for the great response guys! Turns out Safari/Chrome have an opacity 1 issue, so changed the reset el to get opacity 0.99 which fixed it in both browsers.
This is cool, and is exactly what i need. However in IE, I get a very perciptible flicker as I mouse over the widget. The reason is that as I move from one star to the next, the onStartOut triggers, repainting the widget to the original rating, then the next onStarOver fires, painting the new rating. Basically for every move, it fires fillTo function twice. It’s usable, but the flicker is distracting. I don’t see this in FF at all, but it’s pretty obvious in IE.
I was trying to play around with flagging whether we are entering a new rating, or leaving the widget entirely, and not quite managing it. I think I need a onWidgetOut event somewhere, but haven’t quite figured out where to put that.
For this post we will leverage the power of Ext by creating and dissecting a useful star rating example. We hope to share some of the general best practices behind creating unobtrusive, reusable code with Ext Core to liven up your pages.
There are 77 responses. Add yours.
Sim
4 years agoVery nice and exciting.
Jacky
4 years agoAir API document will be nice.
David Davis
4 years agoGreat article Tommy!
Thanks Ben Lisbakken for adding ext-core to the Google Ajax Libraries API.
Issue 233 can be closed: http://code.google.com/p/google-ajax-apis/issues/detail?id=233
Niko
4 years agoGreat work! Glad to see Ext Core join in ajax libs family of Google CDN.
isoloist
4 years agoIt’s nice
Nils Dehl
4 years agoThank you Tommy!
Nice Example and gratulation to the stable version.
Chris Dawes
4 years agoCool… adding it to extjs.tv build two now… nice.. really nice.
Joe
4 years agoYes! What great news - ExtJS Core rocks!
Jay Garcia
4 years agoAwesome post Tommy.
Ian
4 years agoLooks good but does not seem to work on chrome
tester
4 years ago@Ian
I tested it on Chrome v2.0.181.1, works pretty good!
Boubalou
4 years agoI don’t see the details related to Google CDN in this blog post.
Was it forgotten or do I have to understand what the title mean directly?
Boub
Jonathan
4 years ago@Boubalou - read the part in the beginning of the post - Making a Splash.
Awesome work Tommy. Very impressive!
Praveen
4 years agoExt rocks as always. Now, it’s part of google API infrastructure, making it even more awesome.
However, just any good widgets, DOM manipulation is only one part. One must also master CSS concepts thoroughly before creating super slick widgets.
Tommy Maintz
4 years agoThanks for the great response guys! Turns out Safari/Chrome have an opacity 1 issue, so changed the reset el to get opacity 0.99 which fixed it in both browsers.
Ext Core 3.0 Final???????????? | Ajax??????????
4 years ago[...] Ext JS???????? [...]
Donovan
4 years agoWas the rating example inspired by the GQuery GWT demo at Google IO? or is there a general example that inspired both?
Related, I was actually wondering if Ext GWT contained analogous DOM manipulation code present in ext-core (making it a competitor with GQuery mentioned above) or if it was just the widgets.
zc
4 years ago??????????Ext Core ???Google CDN
hb562100
4 years ago????????????? ext.3 ???????????
EXTJS.CN
4 years ago????
Greg
4 years agoThe Tabs demo example is broken in FireFox. The tab contents properly switch, but the tabs-button-panel does not. When you click on a tab, the third tab gets the tab-show class no matter which tab you click on. I’m on FF3 on a Mac, but I’ve also seen this happen on FF on a PC.
It worked O.K in the beta.
Ian
4 years ago@tester - on chrome 2.0.172.31 you do not seem to see the reset button but does show on IE & firefox
noel
4 years agoThis is why open source is so awesome…
Ext-core ready to go | rapid-DEV.net
4 years ago[...] Thanks to all for the requests to add ext-core to our Libraries API, and big thanks to Ext JS for providing their library so openly! For more information, head over to their blog post. [...]
myext
4 years ago???http://www.myext.cn
jeanjean
4 years agohello
kabin
4 years agokabin üretiminde üreticiyiz.
Magnetic Assemblies
4 years agoIt looks great.thanks
Crysfel
4 years agoThanks for this tut, it is really good indeed!
juziku
4 years agoGood!!
???
4 years ago??!!!
Gary Gilbert
4 years agoGreat little widget guys, can’t wait to see the final version!
Mike
4 years agoI was swindled on craigslist by some jerkwad using a wireless number. Jerkwad was shocked when I got his addy info and paid a visit lol!
Phone Search
extjs
4 years ago???? ????? ???
frank
4 years agoWidget?“????”???????????????anyway,??~?????widget??????
siki?
4 years agohttp://extjs.com/blog/2008/11/24/extplayer-air-and-ext/#comment-71248
siki?
4 years agoI am grateful to you for this great content.
aöf
tolga
4 years agoamazing
http://www.feneronline.net/video/
Burn Your To Do List
4 years agoAwesome. you did Great!
Sap
4 years agoI’m found some bug. There should be some check in “enable” function, because if function “enable” calls more then one time the code “this.container.on({click: this.onStarClick,...” execute more than one time too. So if user click on star, script has multiply calls of the click event. I resolve this problem by the use of “if(!this.disabled){return;}”, see code:
enable : function() {
if(!this.disabled){return;}
......
P.S. thank you for rating code
Henry
4 years agoThanks a lot!!
krzysztof
4 years agolooks good, need to try it with Chrome.
Alex
3 years agoArticle was informative and very useful!
Jarquel
3 years agoYes! Great article!
SShare
3 years agoOk, thanks a lot for your post. It was of good help to me, hope to hear from you soon again.
Soft Man
3 years agoCool widget!
Musiclover
3 years agoIntersting! I make only the first steps in programming. I need to know it for my job.
Diane Tuman
3 years agoI think this is a wonderful idea to talk about it, and I am really grateful I found your website!
les jeux
3 years agovery cool thank you
Donald Brooks
3 years agoThanks Ben Lisbakken whereas adding ext-core to the Google Ajax Libraries API.
BEBEN
3 years agoso smooth…
gamesliga
3 years ago. We are looking forward to seeing the great things you will create using it. We are always looking for ways to m
Donald Brooks
3 years agoThank you Tommy!
Nice showboat also gratulation to the common recital.
66 Dominatrix
3 years agoI got really unbelivable pleased by this post! Post more about dommes!
gunitado
3 years agoVery nice, its a great documentation.
Thank you!
food storage
3 years agoI think the library is just going to continue its upward climb and get better because of the quality people behind the project.
fat burning pills
3 years agoGreat widget!
Jayce Nugent
3 years agoGreat work Tommy! Glad to see Ext Core join in ajax libs family of Google CDN.
Nice Example and congratulation to the stable version…
??
3 years agoget better because of the quality people?
Clinigom
3 years agoGreat tutorial dude
Siki?
3 years agoThanks for the great response guys! Turns out Safari/Chrome have an opacity 1 issue, so changed the reset el to get opacity 0.99 which fixed it in both browsers.
Online Review
3 years agoVery nice, its a great documentation.
Thank you!
Technology meets news
3 years agoVery nice and exciting.
car wallpaper
3 years agoCool… adding it to extjs.tv build two now… nice.. really nice.
ELECTRONIC ROOM
3 years agogreat information,..!!
shopping online
3 years agoexiting info,..!!
hot lingerie
3 years agoi hope god bless you,..!
BEST TERMLIFE INSURANCES
3 years agosir your information so exciting,..!!
Federico
3 years agoNice work but I can’t find MessageBox :.(
free 3d wallpaper
3 years agovery good job.
i like it.
free 3d wallpaper
3 years agoThanks for the great response guys! Turns out Safari/Chrome have an opacity 1 issue, so changed the reset el to get opacity 0.99 which fixed it in both browsers.
free 3d wallpaper
3 years agothank u a lot
3d prototyping
3 years agoExciting! Thanks!
Krutarth
3 years agoAlso, I want to set sequence of the widgets. That shold br done by user as he/she likes.
How can i achieve that in Extjs.??
liberar movil
3 years agoI like it !
Thank you for this post, It was a great read which was extremely helpful.
regards
Michael Schilder
2 years agoThis is cool, and is exactly what i need. However in IE, I get a very perciptible flicker as I mouse over the widget. The reason is that as I move from one star to the next, the onStartOut triggers, repainting the widget to the original rating, then the next onStarOver fires, painting the new rating. Basically for every move, it fires fillTo function twice. It’s usable, but the flicker is distracting. I don’t see this in FF at all, but it’s pretty obvious in IE.
I was trying to play around with flagging whether we are entering a new rating, or leaving the widget entirely, and not quite managing it. I think I need a onWidgetOut event somewhere, but haven’t quite figured out where to put that.
Ladainian
2 years agoThanks guys, I just about lost it lokoing for this.
Comments are Gravatar enabled. Your email address will not be shown.
Commenting is not available in this channel entry.