1. #1
    Sencha User
    Join Date
    Nov 2011
    Location
    Michigan
    Posts
    21
    Vote Rating
    1
    BruthaVoodoo is on a distinguished road

      0  

    Default Answered: Touch Carts integration?

    Answered: Touch Carts integration?


    Hello all,
    I have been attempting to integrate touch charts 2 into sencha touch 2 with decent success up until now.

    When I run the app I get this err:
    Code:
    Uncaught TypeError: Cannot read property 'pseudos' of undefined
    
    So I follow this to line 7044 of touch-charts.js and get this:
    Code:
    //TODO(nico): I'm pretty sure this shouldn't be here.
    Ext.ComponentQuery.pseudos['nth-child'] = function(items, value) {
        var index = +value -1;
        if (items[index]) {
            return [items[index]];
        }
        return [];
    };
    Now with the comment that it's not suppose to be there I would make the assumption that I can comment it out? So when I did comment it out the same err just happened later on line 7052.
    Code:
    Ext.ComponentQuery.pseudos.highlight = function(items, value) {
        var i = 0, 
            j = 0,
            l = items.length,
            ans = [],
            item, refItems, refItem, lRefItems;
    
    
        for (; i < l; ++i) {
            item = items[i];
            if (item.isXType && item.isXType('highlight')) {
                ans.push(item);
            }
            if (item.getRefItems) {
                refItems = item.getRefItems(true);
                for (j = 0, lRefItems = refItems.length; j < lRefItems; ++j) {
                    refItem = refItems[j];
                    if (refItem.isXType && refItem.isXType('highlight')) {
                        ans.push(refItem);
                    }
                }
            }
            
        }
        return ans;
    };
    Not sure why EXT.CompnentQuery would be undefined?
    Any help would be great.

    Thanks
    Jason

  2. You will need to use the touch-charts.js and sencha-touch.js files that come in the touch charts release.

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,227
    Answers
    3523
    Vote Rating
    859
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You will need to use the touch-charts.js and sencha-touch.js files that come in the touch charts release.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User
    Join Date
    Nov 2011
    Location
    Michigan
    Posts
    21
    Vote Rating
    1
    BruthaVoodoo is on a distinguished road

      0  

    Default


    Perfect, thanks Mitchell appreciated the help.

    Jason

  5. #4
    Sencha User
    Join Date
    Apr 2008
    Posts
    3
    Vote Rating
    0
    andre40826 is on a distinguished road

      0  

    Default


    I replaced sencha-touch.js that come with touch charts release but now when I run the app I get this err:

    Code:
    Uncaught Error: Ext.Loader is not enabled, so dependencies cannot be resolved dynamically. Missing required classes: Mobile.view.Main, Mobile.view.LeftBar, Mobile.view.PanelCenter, Mobile.controller.Main

  6. #5
    Sencha User
    Join Date
    Nov 2011
    Location
    Michigan
    Posts
    21
    Vote Rating
    1
    BruthaVoodoo is on a distinguished road

      0  

    Default Loader not enabled

    Loader not enabled


    Add this line:
    Code:
    Ext.Loader.setConfig({enabled: true});
    before:
    Code:
    Ext.Loader.setPath({
        'Ext': 'sdk/src'
    });
    That should get rid of that err.

    Jason

  7. #6
    Sencha User
    Join Date
    Apr 2008
    Posts
    3
    Vote Rating
    0
    andre40826 is on a distinguished road

      0  

    Default


    Thanks it worked

  8. #7
    Touch Premium Member
    Join Date
    May 2010
    Location
    Atlanta, GA
    Posts
    11
    Vote Rating
    0
    donaldruby is on a distinguished road

      0  

    Thumbs up sencha-touch-2.0.1-rc/sencha-touch-all-debug.js

    sencha-touch-2.0.1-rc/sencha-touch-all-debug.js


    In case anyone is wondering, touch-charts.js from touch-charts-2.0.0-beta works with sencha-touch-all.js and sencha-touch-all-debug.js from sencha-touch-2.0.1-rc.

    Cheers,
    Don

  9. #8
    Sencha User
    Join Date
    Jun 2011
    Posts
    22
    Vote Rating
    0
    soniamru is on a distinguished road

      0  

    Default Chart 2.0 integration error

    Chart 2.0 integration error


    Hello !!

    I am getting same error. i wanted to use charts and normal sencha touch. so when i try to ingrate both code i am getting above error. as per above solution i am pointing to sencha-touch.js and touch-chart.js of Touch charts
    folder only. but still i am facing same error. what about SRC folder files?.we need to do any modifications there?
    also resources folder?

    Will i get all funactionalities of sencha touch and charts.?

    also i am facing below error

    Failed to load resource: the server responded with a status of 404 (Not Found)
    avenir_lt_85_heavy-webfont.woffFailed to load resource: the server responded with a status of 404 (Not Found)
    ave.woffFailed to load resource: the server responded with a status of 404 (Not Found)
    ave.ttfFailed to load resource: the server responded with a status of 404 (Not Found)
    avenir_lt_55_roman-webfont.ttfFailed to load resource: the server responded with a status of 404 (Not Found)
    avenir_lt_85_heavy-webfont.ttfFailed to load resource: the server responded with a status of 404 (Not Found)
    ave.svgFailed to load resource: the server responded with a status of 404 (Not Found)
    avenir_lt_55_roman-webfont.svgFailed to load resource: the server responded with a status of 404 (Not Found)
    avenir_lt_85_heavy-webfont.svgFailed to load resource: the server responded with a status of

    i think these are font files.



    Thanks!! please help me out....!

  10. #9
    Sencha User kjwenger's Avatar
    Join Date
    May 2012
    Posts
    7
    Vote Rating
    0
    kjwenger is on a distinguished road

      0  

    Default


    Is there any chance it will work with the apps the sencha tool generates out of the box? I like the ...

    Ext.application

    approach and don't think I want to change such an app much to comply with touch-charts.

  11. #10
    Sencha User kjwenger's Avatar
    Join Date
    May 2012
    Posts
    7
    Vote Rating
    0
    kjwenger is on a distinguished road

      0  

    Default


    ... that bundled sencha-touch.js does not even have a NavigationView. I think I'll put off using touch-charts until it is really 2.0.x-compatible.