What Is ExtJS ExtJS 4+ Extensions Examples Tutorials

16Jan/150

How to “sencha package build” a “code” package

You can follow Sencha's guide all you want, but you won't be able to build a stand alone "code" package due to errors like:

com.sencha.exceptions.ExNotFound: Unknown definition for dependency : Ext.Component

To fix this, you need to add the following to your package's .sencha/app/sencha.cfg

package.framework=ext

VN:F [1.9.22_1171]
Rating: 6.2/10 (9 votes cast)
Tagged as: , , No Comments
6Nov/140

Old Versions of Sencha CMD

Sencha CMD is a must-have if you're doing any professional ExtJS or Sencha Touch app development. You can always get the latest version from Sencha's product page, but what if you wanted to get an older version? Sure, upgrading to the latest version is an option, but we all know how smooth those upgrades can go (or not, especially if you messed with the build scripts).

TLDR
Older versions with release notes are available via this URL pattern:

http://cdn.sencha.com/cmd/x.x.x.xxx/release-notes.html

For instance:

http://cdn.sencha.com/cmd/3.1.2.342/release-notes.html
http://cdn.sencha.com/cmd/5.0.3.324/release-notes.html

So, the caveat is that you have to know the exact version which you're after!

VN:F [1.9.22_1171]
Rating: 8.8/10 (5 votes cast)
21Mar/140

Full Async Stack Trace when Debugging

vs

I've been wishing for this for a long time and the fine folks at Google delivered. Imagine being able to see the full stack trace when debugging, i.e. when tracing against an AJAX or a setTimeout()! You can do this in Chrome Canary already; read on for how to set it up:

VN:F [1.9.22_1171]
Rating: 10.0/10 (4 votes cast)
3Feb/140

Illuminations for Chrome!

A few years ago I wrote about ExtJS4 Dev Tools of a Pro, where I mentioned a FireFox plugin called Illuminations. Since then I've switched to Chrome as my dev platform where I missed my cherished Illuminations plugin.

I believe only last week the creators of FF's plugin have released a version for Chrome: https://chrome.google.com/webstore/detail/illuminations/hbhnkfhblakpfhcpepeoogmakimflibk

It doesn't feel like a full port, but it does have the one feature I care most about: similar to how you can right-click on a page and "Inspect Element" to bring up dev tools and pinpoint the target in the DOM tree, you can now right-click and "Illuminate:"

illuminate1

At which point you will pinpoint the target in the Ext component tree:

illuminate2

Combined with Sencha Inspector for Chrome, the Chrome browser is now a powerhouse for ExtJS/Sencha Touch development!

VN:F [1.9.22_1171]
Rating: 10.0/10 (3 votes cast)
21Aug/131

Sencha Inspector for Chrome

I wanted to share a really cool tool that my colleague released just today. It's called App Inspector for Sencha and it's a Chrome extension that fans of FireFox' Illuminations for Developers will recognize instantly.

It's the first release, so functionality is limited, but it does have some very useful features already. Particularly, being able to pin-point an ExtJS component when browsing DOM:

Dom Viewer

Also, it lets you browse the ExtJS component tree in general:

Component Tree

As far as I could tell, it doesn't work for Sencha Touch yet, but I hope that will be added soon.

VN:F [1.9.22_1171]
Rating: 9.7/10 (3 votes cast)
Tagged as: , , 1 Comment
Page 1 of 3123