PDA

View Full Version : Is it possible to use Sencha SDK and Sandbox mode



ospillane
10 Oct 2011, 5:30 AM
Hi,
I want to use Sencha SDK to deploy my app but I need to use the Sandbox version of ExtJS4. I keep getting an error saying that 'Ext is not defined'. The app and the build worked perfect when I was including ext-debug.js, but when I switch to any of the sandbox files, I just get the error on the build.
Does anyone know if this should be possible or not?
Thanks,
Orla

tinabucur
20 Oct 2011, 10:43 PM
Did anybody tried to modify existing ext-debug.js file in order to work in sandbox mode?

ospillane
21 Oct 2011, 12:00 AM
I have not tried to modify this. JSBuilder definitely does not support Sandbox mode at present, I'm hoping Sencha will provide this is a future release.

tinabucur
26 Oct 2011, 1:40 AM
Hi ,

I managed to use ext-debug.js in sandbox mode. All you need to do is to add around the existing source code with the following :

(function(Ext){
if (typeof Ext === 'undefined') {
this.Ext = {};
}

Ext.buildSettings = {"baseCSSPrefix":"x4-","scopeResetCSS":true};
Ext.isSandboxed = true;

//ext-debug.js content

})(this.Ext4 || (this.Ext4 = {}));

Hope this helps
Cristina

BrunoSales
28 Aug 2012, 11:35 AM
Hi,

I wonder if this problem persists in version 2.0.0-beta3.


I am awaiting.

Thanks,

wajb
29 Nov 2013, 3:51 AM
After almost an entire day of trying to achieve it manually I discovered there is a sandbox build command in Sencha Cmd v4.0.1.45!

There are loads of ways you could set this but adding the following line to ${app.dir}/.sencha/app/sencha.cfg is pretty simple:

build.concat.options=-sandbox=Ext4:x4-

(These options are used with the compile "concatenate" command.)

It's a shame Sencha failed to document this option; although I appreciate sandboxing isn't recommended for release for transitional reasons we're doing it anyway.

adrianmirjan
2 Dec 2013, 8:46 AM
Thank you! This works for me.

mbingham
9 Jan 2014, 4:43 PM
Thanks wajb, very fruitful indeed!


build.concat.options=-sandbox=Ext4:x4-

So Ext4 becomes the name of the Ext global object.

And x4 becomes Ext.buildSettings.baseCSSPrefix

Then I set $prefix: 'x4' in sass/var/all.scss. Perfect.