Sencha Forum

2.2.1 Form Fields right corners are not round anymore

diractor — Thu, 20 Jun 2013 08:16:14 GMT

Hi there,

I just discovered that all my textfields and other formfields do not have the rounded corners on the right anymore, that they used to have in 2.0...

Is this a bug ot a feature?

Thanks for reading.

Setting disableCache throws exception in Loader

wolfgang18 — Thu, 20 Jun 2013 07:53:07 GMT

I want to debug my Sencha touch 2.2.1 project (set up with microloader) in Chrome.
As I need some custom breakpoints I tried to use url parameter ?breakpoint or alternatively set the Ext.Loader configuration to disableCache:false
But when I use one of these options I get an exception that "touch/src/fx/animation/Pop.js" failed to load. However, the file exists and the app is working if caching is set....

Has anybody experienced similar problems or does anybody know how to fix this?
I know that I could use "debugger;" statements directly in code - but I want to avoid this....

Thanks for your help!

Wolfe

window inside window

peter seliger — Thu, 20 Jun 2013 07:52:46 GMT

hallo,

ich have a problem with mowing window after add them to other window.

window1 is the first window
window2 is one added to window1
window3 is one added to window 2

on mowing window1, window2 disappear and move (is ok) but window3 dont disappear and dont move.
on mowing window2, window3 disappear and move (is ok)

is there a bug in Eventmanagement or do i something wrong?

thanks for help

Xml errorReader in Form failis

javajames — Thu, 20 Jun 2013 07:34:12 GMT

I am using ExtJS 4.0.2.
I have a simple form. On submit it receives xml response back.
I have added errorReader as per the Submit API docs.
The response is sent correctly by server. But ExtJS errorReader apparently fails to parse the xml and throws a message :Uncaught TypeError: Cannot read property 'prototype' of undefined

My form is as follows:

Code:
var CwWebLoginPanel = Ext.create('Ext.form.Panel', {
defaultType: 'textfield',
url: 'loginUser',
method: 'GET',
items:
[
{
fieldLabel: 'User ID',
name: 'userId',
blankText: 'Please enter the User ID'
},
{
fieldLabel: 'Password*',
name: 'password',
inputType: 'password'
}
],
errorReader: new Ext.data.reader.Xml({ //This xml reader copied from Submit API documentation
record : 'field',
success: '@success'
},
[ 'id', msg ]
),
buttons:
[
{
text: 'Login',
formBind: true,
handler: function(btn, eventObj) {
var formPanel = btn.findParentByType('form');
var form = formPanel.getForm();
if(form.isValid()) {
form.submit( {
scope: this,
clientValidation: true,
submitEmptyText: false,
failure: function(form, action) {
console.log(action);
},
success: function(form, action) {
console.log(action);
},
waitMsg: 'Processing Form Submission',
waitTitle: 'Status'
});
}
}
}
]
});

The xml sent from server is same as that in API documentation for Submit action
This xml response used from Submit API documentation

Code:

userId
This is a test validation message from the server ]]>

password
This is a test validation message from the server ]]>

Thanks,
James

window.location.reload() issue in ST 2.2.1

Vishwastalule — Thu, 20 Jun 2013 06:53:18 GMT

Hi ,
I'm using Sencha touch 2.2.1 to develop an app and sencha cmd v3.1.2.342 to build an iPhone native app . After re-loading a session via my logout function window.location.reload(); or window.location.href=' ' I loose all access to my native app and it shows splash screen . When I manually reset app then It work fine.Does if you know of a way to reload a native Sencha app without losing access to the device layer?

Same method (window.location.reload()) works fine in sencha touch2.0.1.1. Also this app works fine in chrome on desktop/pc.

It will be a great favor if you can help me.

Thanks,
Vishwas

[OPEN] [4.2.1 GA] Column layout can crash if vertical scrolling

Daniil — Thu, 20 Jun 2013 06:17:05 GMT

REQUIRED INFORMATION

Ext version tested:

Ext 4.2.1

Browser versions tested against:

Chrome
IE9

DOCTYPE tested against:

Description:

A column layout can crash if vertical scrolling. The test case below produces "Layout run failed" caused by a not finished column layout. Well, the test case layout can look fake, it is just a stripped down version of the real page. See the comments in the test case.
The problem is partially discussed here.

http://www.sencha.com/forum/showthread.php?256500

Steps to reproduce the problem:

Just run the test case

The result that was expected:

No "Layout run failed"

The result that occurs instead:

"Layout run failed" occurs

Test Case:

Code:







    Column layout can crash if vertical scrolling

HELPFUL INFORMATION

Debugging already done:

Debugging the Auto layout's calculate and calculateOverflow methods sheds some light on the problem.

Code:

Ext.layout.container.Column.override({

    calculate: function(ownerContext) {

        var me = this,

            state = ownerContext.state,

            containerSize = me.getContainerSize(ownerContext, true),

            // If subclass has a calculateItems method, call it and cache the result

            calculatedItems = state.calculatedItems ||

                (state.calculatedItems = me.calculateItems ?

                me.calculateItems(ownerContext, containerSize) : true);



        me.setCtSizeIfNeeded(ownerContext, containerSize);



        if (calculatedItems && ownerContext.hasDomProp('containerChildrenSizeDone')) {



            me.calculateContentSize(ownerContext);



            if (containerSize.gotAll) {

                if (me.manageOverflow && !ownerContext.state.secondPass && !me.reserveScrollbar) {

                    me.calculateOverflow(ownerContext, containerSize); // (1) It is executed on one of "calculate" calls

                }

                return;

            }

        }

        

        me.done = false;

    },

            

    calculateOverflow: function (ownerContext) {

        var me = this,

            width, height, scrollbarSize, scrollbars, xauto, yauto, targetEl;



        // Determine the dimensions that have overflow:auto applied. If these come by

        // way of component config, this does not require a DOM read:

        xauto = (me.getOverflowXStyle(ownerContext) === 'auto');

        yauto = (me.getOverflowYStyle(ownerContext) === 'auto');



        if (xauto || yauto) {

            scrollbarSize = Ext.getScrollbarSize();

            targetEl = ownerContext.overflowContext.el.dom;

            scrollbars = 0;



            if (targetEl.scrollWidth > targetEl.clientWidth) {

                // has horizontal scrollbar

                scrollbars |= 1;

            }



            if (targetEl.scrollHeight > targetEl.clientHeight) {

                // has vertical scrollbar

                scrollbars |= 2;

            }



            width = (yauto && (scrollbars & 2)) ? scrollbarSize.width : 0;

            height = (xauto && (scrollbars & 1)) ? scrollbarSize.height : 0;



            if (width !== me.lastOverflowAdjust.width || height !== me.lastOverflowAdjust.height) { // (2) The red condition meets (there 0 !== 17) if vertical scrolling

                me.done = false; // (3) It marks a layout that it is not finished. 

                                 // Then the calculate method is called again twice, but the layout is not marked as done again.



                // we pass overflowAdjust and overflowState in as state for the next

                // cycle (these are discarded if one of our ownerCt's invalidates):

                ownerContext.invalidate({

                    state: {

                        overflowAdjust: {

                            width: width,

                            height: height

                        },

                        overflowState: scrollbars,

                        secondPass: true

                    }

                });

            }

        }

    }

});

window.location.reload() issue in ST 2.2.1

Vishwastalule — Thu, 20 Jun 2013 06:16:56 GMT

Hi ,
I'm using Sencha touch 2.2.1 to build an iPhone native app. After re-loading a session via my logout function window.location.reload(); or window.location.href=' ' I loose all access to my native app and it shows splash screen . When I manually reset app then It work fine.Does if you know of a way to reload a native Sencha app without losing access to the device layer?

Same app works fine in sencha touch2.0.1.1. Also this app works fine in chrome on desktop/pc.

It will be a great favor if you can help me.

Thanks,
Vishwas

How to handle the CheckBox state changing

Mike_javaJunior — Thu, 20 Jun 2013 06:10:13 GMT

In my Grid I need to handle the changing of the state of the CheckBox to save changes right after it was changed

How to make store.removeAt() wait for server response?

wardrop — Thu, 20 Jun 2013 05:32:33 GMT

Hi,

I'm using the removeAt() method on my store to delete records from the database. It works, but I don't like how the removal is instantly reflected in the interface, as if there's an error, it provides false assurance that the record has actually been deleted. I'd prefer for it to wait for a server response (showing some kind of loading indicator in the meantime), and only actually remove the record from the interface/store if the server returns a successful status.

Can anyone tell me how to achieve this?

Thanks

extjs cmd to build project get [ERROR] NULL

javapurna — Thu, 20 Jun 2013 05:15:08 GMT

HI EVERY ONE,

i am using sencha command . i am generating project with sencha command and try to build project i am getting following error

E:\workspace\.sencha\workspace\TEST>sencha app build
[ERR] null
at com.sencha.tools.pkg.HttpRepository.fixUrl(HttpRepository.java:136)
at com.sencha.tools.pkg.HttpRepository.(HttpRepository.java:31)
at com.sencha.tools.pkg.RemoteRepository$Type$1.create(RemoteRepository.java:33)
at com.sencha.tools.pkg.RemoteRepository.(RemoteRepository.java:74)
at com.sencha.tools.pkg.RemoteRepository.(RemoteRepository.java:102)
at com.sencha.tools.pkg.RemoteRepository.(RemoteRepository.java:106)
at com.sencha.tools.pkg.RepositoryRemoteManagerImpl$1.accept(RepositoryRemoteManagerImpl.java:8 at java.io.File.listFiles(Unknown Source)
at com.sencha.tools.pkg.RepositoryRemoteManagerImpl.(RepositoryRemoteManagerImpl.java:26)
at com.sencha.tools.pkg.LocalRepository.loadConfig(LocalRepository.java:876
)
at com.sencha.tools.pkg.LocalRepository.(LocalRepository.java:82)
at com.sencha.command.environment.WorkspaceRepository.getLocalRepository(Wo
rkspaceRepository.java:113)
at com.sencha.command.environment.WorkspaceRepository.getCatalog(WorkspaceR
epository.java:92)
at com.sencha.command.environment.WorkspaceEnvironment.resolvePackageModels
(WorkspaceEnvironment.java:103)
at com.sencha.command.environment.WorkspaceEnvironment.resolvePackageEnviro
nments(WorkspaceEnvironment.java:90)
at com.sencha.command.environment.AppOrPackageEnvironment.getRequiredPackag
eEnvironments(AppOrPackageEnvironment.java:165)
at com.sencha.command.environment.AppOrPackageEnvironment.getRequiredPackag
esNoThemes(AppOrPackageEnvironment.java:212)
at com.sencha.command.environment.AppOrPackageEnvironment.getRequiredPackag
eNamesNoThemes(AppOrPackageEnvironment.java:203)
at com.sencha.command.environment.AppEnvironment.(AppEnvironment.java
:66)
at com.sencha.command.environment.BuildEnvironment.load(BuildEnvironment.ja
va:193)
at com.sencha.command.Sencha.loadBuildEnvironment(Sencha.java:374)
at com.sencha.command.Sencha.main(Sencha.java:127)

please some one help me

Autocomplete combobox with ajax call

deepakbellale — Thu, 20 Jun 2013 05:11:24 GMT

when we click on the arrow on combo box first time it shows whole list and when we filter with the minChars the list is visible and the problem is when we delete the filtered value again when i click on the arrow of combo box the whole list is NOT visible. I want the list has to be visible.

Code:

Code:

                                xtype : 'combobox',

                                x : 50,

                                y : 20,

                                width : 310,

                                itemId : 'srcAppName',

                                queryMode : 'remote',

                                displayField : 'name',

                                forceSelection : true,                                

                                id : 'searchId',

                                enableKeyEvents: true,

                                fieldLabel : 'Search',                        

                                triggerAction: 'all',                                                        

                                name : 'appSearch',

                                minChars : 2,                            

                                store : {

                                    autoLoad : true,

                                    fields : ['name'],

                                    proxy : {

                                        type : 'ajax',

                                        url : 'appSearchNameJsonData',

                                        reader : {

                                            root : 'searchableName',

                                            type : 'json'

                                        }

                                    }

                                },

                                listeners : {

                                    buffer : 50,

                                    change : function() {

                                        var store = this.store;

                                        store.clearFilter();

                                        store.filter({

                                                    property : 'name',

                                                    value : this.getValue()

                                                });

                                    }



                                }

TVtoMobi app released - push notification based app with Sencha and phonegap

revilo78 — Thu, 20 Jun 2013 05:01:11 GMT

We’re in a soft-launch release for our second screen app called TVtoMobi and would love some feedback from Sencha developers. We were able to launch our iPhone, iPad, Android smartphone and Android tablet versions all within a week of each other. Some of the other competing apps with huge development teams brag about launching their Android tablet version 6 months after their Android mobile version and a whole year after their iPhone version.

We have our iPhone/iPad version available at:
https://itunes.apple.com/us/app/tvto...ign-mpt=uo%3D4

Our Android phone and tablet version is also available at:
https://play.google.com/store/apps/d...Y3Rpdml0eTMiXQ

We are a hybrid app in-a-way as we did have to write some native code for the push notifications. We mostly used phonegap plugins there and Sencha handles everything else.

Greatly appreciate any suggestions, or maybe catching some bugs that we missed.

Thanks!

Hide window border And show Irregular shapes

yangfanlxy — Thu, 20 Jun 2013 04:48:50 GMT

Hi,
I plan to develop a desktop chat app and use my own ui，does SenchaDesktopPackager can hide window border and background ,at the same time it only show part lrregular shapes ? :)

numberfield beforeBlur() does not call rawToValue()

mbudm — Thu, 20 Jun 2013 04:38:37 GMT

REQUIRED INFORMATION

Ext version tested:

Ext 4.2.0

Browser versions tested against:

Chrome 27.0.1453.110 m

DOCTYPE tested against:

html5

Description:

When an Ext.form.field.Number is blurred, the beforeBlur method fails to convert the raw value

Steps to reproduce the problem:

Extend the Ext.form.field.Number class
Implement a custom rawToValue method on the extended class
Instantiate a component of the custom class
enter a value
blur the component
call the getValue() method()

The result that was expected:

the getValue() method returns the raw html value

The result that occurs instead:

the getValue() method should return a value converted by the custom rawToValue() method

Test Case:

Code:

    



    Ext.onReady(function() {

        Ext.define('CustomNumberField', {

            extend: 'Ext.form.field.Number',

            valueToRaw: function(value) {

                var rawVal = value * 2

                return this.callParent([rawVal])

            },

            rawToValue:function(rawValue){

                var val = rawValue / 2

                return this.callParent([val])

            }

        })





        var cnf = Ext.create('CustomNumberField', {

            fieldLabel:'CNF test',

            value:20,

            width: 400,

            renderTo: Ext.getBody()

        });

        

        console.log('init raw value should be 40', cnf.getRawValue())

        

        //fake a user entered value

        cnf.setRawValue(50)

        console.log('raw value should be 50', cnf.getRawValue())

        console.log('value should be 25', cnf.getValue())

        

        //fake a blur event

        cnf.triggerBlur()

        console.log('value should be 25', cnf.getValue(),'<-- the getValue() returns the raw value. the beforeBlur bypasses the rawToValue()')

        console.log('raw value should be 50', cnf.getRawValue(),'<-- the raw value has been passed diectly into the setValue() method, resulting in a doubled rawValue ')

    })

HELPFUL INFORMATION

Possible fix:

Override the beforeBlur() method, adding in the rawToValue()

Code:

Ext.define('MyApp.override.NumberField', {

    override: 'Ext.form.field.Number',





    beforeBlur : function() {

        var me = this,

            v = me.parseValue(me.getRawValue());

       

       /* Need to convert the raw value */

        v = this.rawToValue(v)

        if (!Ext.isEmpty(v)) {

            me.setValue(v);

        }

    },

Operating System:

Windows 7

CSS references to resource/images don't work in IE10 on production builds

composer47 — Thu, 20 Jun 2013 04:27:28 GMT

I've been porting our tablet app to IE10 for our sales force. The app runs fine in development with the dev micro-loader. When you run your app through Sencha Cmd for a production build, any image references in CSS to a file in resource/images doesn't work - IE is trying to find it based off the root path.

Steps to reproduce:

Use Sencha Cmd to build the Kitchen Sink app shipped with ST 2.2 for production.
Run the production build in Chrome and IE10.
Chrome will correctly show the "../images/noise.gif" background on the right side inital page load. IE10 will not be able to load it.

From what I saw, the development microloader writes a tag on the page for CSS. The production microloader instead outputs the whole CSS content on the page. Prior to this operation, it creates a href tag to fool the browser into the path of the CSS. This doesn't seem to work in IE10.

If reproducable, I consider this a major bug for IE10. It's a show stopper for us. I would love to know how other users are using Sencha Touch 2.2 for IE10/Win8.