1. #1
    Sencha User
    Join Date
    Feb 2013
    Posts
    54
    Vote Rating
    0
    horcle_buzz is on a distinguished road

      0  

    Default Rendering nested list in mobile device

    Rendering nested list in mobile device


    Got my ST 2.1.1 app successfully bundled with Phonegap 2.5.0... works great in a web browser (see first image), but when I deploy it to an Android virtual device, I only get the left hand menu from my container, and not the list view (see second image). The app uses the basic underlying profiles defined for the Kitchensink, so I thought that layouts would all be fully functional.

    How do I get the list to render properly on a mobile device?

    Thanks!

    Screen shot 2013-04-29 at 9.35.53 PM.jpgScreen shot 2013-04-29 at 9.43.40 PM.png

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Posts
    54
    Vote Rating
    0
    horcle_buzz is on a distinguished road

      0  

    Default


    A little more information: When I click on one of the menu items listed on my Android output, I expect the screen to transition to lists of objects in a data view (geolocation, evaluation and push leaf nodes below). However, this is not happening. Similarly, I alsohave an Ajax leaf node that does not get displayed (pull leaf node below).

    My Tree Store looks like this:

    (Note: FWIW, I did remove the animations variable that was in the original Kitchensink Demos.js store, but I don't see how this would affect anything, since I am not using slide or fade transitions)

    Code:
    /**
     * Menu structure of app using tree store data structure
     * Roots are defined by function; leaves are end points for navigating to specified views 
    **/
    
    
    (function () {
    
    
        var root = {
            id: 'root',
            text: 'EvaluateIt!',
            items: [
                {
                    text: 'Manage Evaluations',
                    id: 'ui',
                    cls: 'launchscreen',
                    items: [
                        {
                            text: 'Evaluation',
                            leaf: true,
                            id: 'evaluation',
                            category: 'evaluations'
                        }, 
                        {
                            text: 'Geolocation',
                            leaf: true,
                            id: 'geolocation',
                            category: 'geolocations'
                        }
            
                    ]
                }
            ]
        };
     
        root.items.push({ 
            text: 'Manage Data',
            id: 'data',
            card: false,
            items: [
                {
                    text: 'Pull',
                    leaf: true,
                    id: 'pull'
                },
            {
                    text: 'Push',
                    leaf: true,
                    id: 'push',
            category: 'push'
                }
    
    
            ]
        });
    
    
        Ext.define('EvaluateIt.store.Options', {
            alias: 'store.Options',
            extend: 'Ext.data.TreeStore',
            requires: ['EvaluateIt.model.Option'],
    
    
            config: {
                model: 'EvaluateIt.model.Option',
                root: root,
                defaultRootProperty: 'items'
            }
        });
    })();

  3. #3
    Sencha User
    Join Date
    Feb 2013
    Posts
    54
    Vote Rating
    0
    horcle_buzz is on a distinguished road

      0  

    Default Opps!

    Opps!


    Mea culpa: I had added a custom URL to my route onNavTap in the tablet controller, but did not copy this to my phone controller. All is well with this now.

    Next: Figure out why my app keeps crashing on my phone!