Advanced Plugin Development with Ext JS http://www.sencha.com/blog/advanced-plugin-development-with-ext-js When creating a cross browser RIA, choosing a framework with a plethora of components is where most of us look first. Selecting a framework that enables you the flexibility to enhance and expand its offering becomes very important. Fortunately, Ext JS has all the rich UI functionality that most applications require coupled with a vibrant community creating impressive extensions. Ext’s elegant design allows us to explore our creativity by adding new features to existing widgets. en-us nigelw@forwardcomputers.co.uk Copyright 2009 2009-11-11T20:32:40+00:00 Comment by djones The links for the example and source are down? The links for the example and source are down?

]]> Wed, 09 Mar 2011 18:16 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:18141#date:18:16 Comment by Rick Nigel, you have some great information here.  I’ve been getting back into coding after years of being away from it so this is a great place for me to start picking up some good knowledge.  Definitely going to bookmark this site.  Thanks! Rick Nigel, you have some great information here.  I’ve been getting back into coding after years of being away from it so this is a great place for me to start picking up some good knowledge.  Definitely going to bookmark this site.  Thanks!

Rick

]]> Sat, 12 Jun 2010 03:57 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15021#date:03:57 Comment by Siki? Very delicious article. Very delicious article.

]]> Tue, 18 May 2010 10:45 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15020#date:10:45 Comment by ?? I just made a translation to this great article into Chinese, which url is: http://blog.csdn.net/zhangxin09/archive/2010/02/22/5317109.aspx I just made a translation to this great article into Chinese, which url is:
http://blog.csdn.net/zhangxin09/archive/2010/02/22/5317109.aspx

]]> Thu, 06 May 2010 05:55 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15019#date:05:55 Comment by Shemika Hoard Thanks for this information. Advanced Plugin Development with Ext JS — Ext JS Blog — JavaScript Framework and RIA Platform was a wonderful read. My sister has been wondering about this topic for a while. Thanks for this information. Advanced Plugin Development with Ext JS — Ext JS Blog — JavaScript Framework and RIA Platform was a wonderful read. My sister has been wondering about this topic for a while.

]]> Thu, 22 Apr 2010 17:04 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15018#date:17:04 Comment by Pua I’m also interested in how namespace definition ties in here. ? I’m also interested in how
namespace definition ties in
here.


?

]]> Tue, 30 Mar 2010 11:28 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15017#date:11:28 Comment by Diyet Upon gaining control, a plugin must initialize itself to add capabilities and processing to its client Component. Upon gaining control, a plugin must initialize itself to add capabilities and processing to its client Component.

]]> Sun, 14 Mar 2010 11:12 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15016#date:11:12 Comment by Dantel Örnekleri What is an Ext Plugin? All plugins must implement a method named init which is called by the Component, passing itself as the sole parameter at initialization time right at the beginning of the Component’s lifecycle, before it has been rendered. Upon gaining control, a plugin must initialize itself to add capabilities and processing to its client Component. What is an Ext Plugin?
All plugins must implement a method named init which is called by the Component, passing itself as the sole parameter at initialization time right at the beginning of the Component’s lifecycle, before it has been rendered.

Upon gaining control, a plugin must initialize itself to add capabilities and processing to its client Component.

]]> Sun, 14 Mar 2010 11:12 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15015#date:11:12 Comment by oya-dantel What is an Ext Plugin? An Ext Plugin is a class (It could also be a singleton object) which is configured into a Component in the plugins config option. All plugins must implement a method named init which is called by the Component, passing itself as the sole parameter at initialization time right at the beginning of the Component’s lifecycle, before it has been rendered. Upon gaining control, a plugin must initialize itself to add capabilities and processing to its client Component. What is an Ext Plugin?
An Ext Plugin is a class (It could also be a singleton object) which is configured into a Component in the plugins config option. All plugins must implement a method named init which is called by the Component, passing itself as the sole parameter at initialization time right at the beginning of the Component’s lifecycle, before it has been rendered.

Upon gaining control, a plugin must initialize itself to add capabilities and processing to its client Component.

]]> Sun, 14 Mar 2010 11:11 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15014#date:11:11 Comment by frank I just made a translation to this great article into Chinese, which url is: http://blog.csdn.net/zhangxin09/archive/2010/02/22/5317109.aspx ??????????? I just made a translation to this great article into Chinese, which url is:
http://blog.csdn.net/zhangxin09/archive/2010/02/22/5317109.aspx
???????????

]]> Mon, 22 Feb 2010 10:11 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15013#date:10:11 Comment by Americo Very nice article. Clean concise and to the point. Love it. Very nice article. Clean concise and to the point. Love it.

]]> Thu, 17 Dec 2009 18:03 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15012#date:18:03 Comment by Alex - ajaxBlender This is a really good article for ExtJS programmers, especially for those who are using the framework to develop complex UI’s. Thanks for posting it. This is a good one to share! This is a really good article for ExtJS programmers, especially for those who are using the framework to develop complex UI’s. Thanks for posting it. This is a good one to share!

]]> Wed, 02 Dec 2009 17:32 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15011#date:17:32 Comment by greg @derekl Look at the Forums.  There are 1000’s of plugins there.  Great Article Nige, loved it. @derekl

Look at the Forums.  There are 1000’s of plugins there.  Great Article Nige, loved it.

]]> Sat, 28 Nov 2009 03:18 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15010#date:03:18 Comment by derekl Hi all, What is the significance, is it recommended and helpful of using namespace definition as pertains to developing ext plugin? I am looking at one example, are there more examples of well-developed plugins available? Thanks, Derek Hi all,

What is the significance, is it recommended and helpful of using namespace definition as pertains to developing ext plugin?

I am looking at one example, are there more examples of well-developed plugins available?

Thanks,

Derek

]]> Tue, 24 Nov 2009 14:50 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15009#date:14:50 Comment by Tipitip What I’m doing wrong. 1. var comp = new myCompGrid({})   ....   var pnl = new Panel({     items: comp   })———>height 100% 2. var pnl = new Panel({xtype:“myCompGrid”}———>height 20px What I’m doing wrong.

1. var comp = new myCompGrid({})
  ....
  var pnl = new Panel({
    items: comp
  })
———>height 100%

2. var pnl = new Panel({xtype:“myCompGrid”}
———>height 20px

]]> Fri, 20 Nov 2009 06:53 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15008#date:06:53 Comment by Parkash Hey i am an eclipse RCP developer is it possible to create modular web application using EXT JS any ideas ???? Hey i am an eclipse RCP developer is it possible to create modular web application using EXT JS any ideas ????

]]> Mon, 16 Nov 2009 16:34 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15007#date:16:34 Comment by Animal Charles, that is a very good point. There are ways to protect the plugin’s context within the host Component. But perhaps that warrants a thread in the “Open Discussion” folder of the forum at extjs.com. Charles, that is a very good point. There are ways to protect the plugin’s context within the host Component. But perhaps that warrants a thread in the “Open Discussion” folder of the forum at extjs.com.

]]> Mon, 16 Nov 2009 09:01 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15006#date:09:01 Comment by ExtJS – ?????????? [???????? ?????] « [...] ??????? ??????????? ???????? ???????? ? ExtJS (Advanced Plugin Development with Ext JS). ?????????, ???? ??????? ?? ?????. ? ??????, ? ?????? [...] [...] ??????? ??????????? ???????? ???????? ? ExtJS (Advanced Plugin Development with Ext JS). ?????????, ???? ??????? ?? ?????. ? ??????, ? ?????? [...]

]]> Mon, 16 Nov 2009 07:23 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15005#date:07:23 Comment by Charles Nigel, since you are recommending that a plug-in should augment the methods of the host Component and these methods run within the scope of the host Component, then any additional values needed by the plug-in will be added onto the host.  Does that give you any qualms?  I guess I was debating in my own mind whether it were safer to maintain a plug-in’s values within its own scope separate from the host thinking this would protect the host variables from inadvertent obliteration by the plug-in or visa versa making the plug-in more resistant to any future Ext updates should Ext add variables of the same name later. Nigel, since you are recommending that a plug-in should augment the methods of the host Component and these methods run within the scope of the host Component, then any additional values needed by the plug-in will be added onto the host.  Does that give you any qualms?  I guess I was debating in my own mind whether it were safer to maintain a plug-in’s values within its own scope separate from the host thinking this would protect the host variables from inadvertent obliteration by the plug-in or visa versa making the plug-in more resistant to any future Ext updates should Ext add variables of the same name later.

]]> Sat, 14 Nov 2009 21:15 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15004#date:21:15 Comment by Crysfel Very delicious article. Very delicious article.

]]> Fri, 13 Nov 2009 15:16 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15003#date:15:16 Comment by Bundaberg Web Developer Great article Nigel. Keep them coming. If this was in a magazine - I’d buy the whole magazine just for the article! Great article Nigel.
Keep them coming.
If this was in a magazine - I’d buy the whole magazine just for the article!

]]> Fri, 13 Nov 2009 09:40 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15002#date:09:40 Comment by justin Very impressive. I read it a few times to make sure I didn’t miss anything.  Javascript and the additions Ext has brought to the language make you want to code only in Ext JS. Very impressive. I read it a few times to make sure I didn’t miss anything.  Javascript and the additions Ext has brought to the language make you want to code only in Ext JS.

]]> Fri, 13 Nov 2009 07:54 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15001#date:07:54 Comment by Crysfel Excellent post!! thanks :D Excellent post!!

thanks :D

]]> Thu, 12 Nov 2009 19:40 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:15000#date:19:40 Comment by Praveen Ray Animal, you Rock! Animal, you Rock!

]]> Thu, 12 Nov 2009 15:08 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14999#date:15:08 Comment by Rothariger Great article… thanks a lot! Great article…


thanks a lot!

]]> Thu, 12 Nov 2009 14:58 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14998#date:14:58 Comment by Juan Mendes Thanks Animal, for this great article. Great insight into the three approaches of customizing widgets. The problem with component configuration (code duplication) becomes obvious as you try to reuse it. However, the problems with subclassing are mores subtle but were thoroughly well explained here. I do currently used the subclassing approach most often but will start looking into plugins when possible. Thanks Animal, for this great article. Great insight into the three approaches of customizing widgets. The problem with component configuration (code duplication) becomes obvious as you try to reuse it. However, the problems with subclassing are mores subtle but were thoroughly well explained here. I do currently used the subclassing approach most often but will start looking into plugins when possible.

]]> Thu, 12 Nov 2009 14:55 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14997#date:14:55 Comment by Mats Great stuff mr Animal Great stuff mr Animal smile

]]> Thu, 12 Nov 2009 12:03 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14996#date:12:03 Comment by links for 2009-11-12 « pabloidz [...] Advanced Plugin Development with Ext JS (tags: extjs) [...] [...] Advanced Plugin Development with Ext JS (tags: extjs) [...]

]]> Thu, 12 Nov 2009 12:02 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14995#date:12:02 Comment by Nickolay Very well written, kudos to the author Very well written, kudos to the author

]]> Thu, 12 Nov 2009 07:34 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14994#date:07:34 Comment by james k Great post! Huge eye opener.  To be honest, after reading this I feel I have so much more to learn.  I’m moving from script kiddie to JavaScript developer.  Can anyone share how long this journey takes? Great post! Huge eye opener.  To be honest, after reading this I feel I have so much more to learn.  I’m moving from script kiddie to JavaScript developer.  Can anyone share how long this journey takes?

]]> Thu, 12 Nov 2009 07:08 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14993#date:07:08 Comment by eastxing Excellent tutorial, informative and clear, thanks! Excellent tutorial, informative and clear, thanks!

]]> Thu, 12 Nov 2009 03:55 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14992#date:03:55 Comment by David Davis Great post Nigel! Great post Nigel!

]]> Thu, 12 Nov 2009 03:20 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14991#date:03:20 Comment by Robert Sanchez Nigel, after reading your article I must say you have a grasp on JS like none other!! aha. Thanks for the very informative article and keep ‘em comin! Nigel, after reading your article I must say you have a grasp on JS like none other!! aha. Thanks for the very informative article and keep ‘em comin!

]]> Thu, 12 Nov 2009 02:27 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14990#date:02:27 Comment by Sergei Your articles on Ext JS are the most informative, consistent and clear, recommended to every Ext developer who really wants to understand the framework. Thanks, Nigel, and looking forward to reading more stuff from you. Your articles on Ext JS are the most informative, consistent and clear, recommended to every Ext developer who really wants to understand the framework. Thanks, Nigel, and looking forward to reading more stuff from you.

]]> Wed, 11 Nov 2009 22:52 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14989#date:22:52 Comment by Steffen Great article Nigel! I probably should print out Ext’s function methods (http://www.extjs.com/deploy/dev/docs/?class=Function) which I sometimes forget that they exist and stick them to my wall. Cheers, Steffen Great article Nigel!

I probably should print out Ext’s function methods (http://www.extjs.com/deploy/dev/docs/?class=Function) which I sometimes forget that they exist and stick them to my wall.

Cheers,
Steffen

]]> Wed, 11 Nov 2009 21:47 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14988#date:21:47 Comment by Tweets that mention Ext JS - Blog -- Topsy.com [...] This post was mentioned on Twitter by extjs and Basilakis, Michael Benson. Michael Benson said: EXT Plugin Development. http://tr.im/ELFo [...] [...] This post was mentioned on Twitter by extjs and Basilakis, Michael Benson. Michael Benson said: EXT Plugin Development. http://tr.im/ELFo [...]

]]> Wed, 11 Nov 2009 21:04 GMT http://www.sencha.com/blog//advanced-plugin-development-with-ext-js#id:14987#date:21:04