Question: How to use Ext.ux.StatusBar in Sencha Architect project?

Question: How to use Ext.ux.StatusBar in Sencha Architect project?

In my Sencha Architect project I'm trying to add a Ext.ux.StatusBar to the bottom of a panel. I'm trying to do this by adding a launch function to my Application. But I'm getting an error. Does anyone know the correct way to do this in Sencha Architect?

Does anyone know the correct way to do the above in Sencha Architect? Also, it it possible to 'add' the Ext.ux.statusbar.StatusBar component to Architect so that one can drag and drop it onto the canvas like any other Ext JS component?

Answer: How to use Ext.ux.StatusBar in Sencha Architect project

Answer: How to use Ext.ux.StatusBar in Sencha Architect project

msinn,

Thanks for the solution, it worked! ... Kind of

While what I eventually came up does work, I would appreciate if any could offer a better or more elegant solution. Such as how to get Sencha Architect to configure the application object's requires property...

While what you suggested didn't work, it made me read the API documentation to see what the difference was between Ext.syncRequire and Ext.require. I think syncRquire didn't work for me cause I'm loading the framework from Cachefly and not locally. Here's the error I got:

But when reading the API documentation, I did notice (funny how that works) that there is a callback function for both Ext.syncRequire and Ext.require. So I put my code that creates my status bar in the call back and that did work.

Thanks for that sample project

Thanks for that sample project

Thanks for the sample project ssamayoa.

Until I fully understand what you did above and how to replicate it myself, I will, in the short term, stick to using the solution I've documented below. But I definitely agree, you're method where you statically configure the status bar in Architect is much better than doing it dynamically at run time.

I really wish Sencha would come up with a method to add external components to the Toolbox pallet so one could simply add the component to the Toolbox and then drag and drop them to the Canvas (hint, hint Sencha).

I'm not quite that advanced yet and I would love if you could reply back with the steps you used in Architect to you created the container that wraps the status bar inside of it, how you made the container a separate class then and how you then overrode the container to include the status bar... All very confusing to a Ext JS / Architect beginner user...

Note: upgrading to the latest Build of version 2.0.0. of Architect solved the last piece of my problem, not being able to set the requires property of the Application node.

5. Drop a window in the canvas.
6. In the project explorer, drag StatusBarCnt to the new window and when SA asks what action you want click on "link".
7. Set "dock" of the status bar container in the window to "bottom".