Results 1 to 2 of 2

Thread: List Navigation for kitchen sink model App

  1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    25
    Vote Rating
    1
      0  

    Default List Navigation for kitchen sink model App

    I have developed an application based on the kitchen sink design.
    In that for a list on itemDisclosure I need to navigate to another js page having a menu.For example if it is a employee list on itemDisclosure I should get a page having menu on salary details,leave details etc.



    employee.List = new Ext.Panel ({
    layout : 'fit',
    items: [{
    title: 'Disclosure',
    layout: Ext.is.Phone ? 'fit' : {
    type: 'vbox',
    align: 'center',
    pack: 'center'
    },
    cls: 'demo-list',
    items: [{
    width: Ext.is.Phone ? undefined : 300,
    height: Ext.is.Phone ? undefined : 500,
    xtype: 'list',
    onItemDisclosure: function(record, btn, index) {

    -------------------------------


    },
    store: demos.ListStore, //getRange(0, 9),
    itemTpl: '<div class="contact"><strong>{firstName}</strong> {lastName}</div>'
    }]
    }]
    });


    i have to navigate to the employeeMenu.js


    Can anyone help me out for the same?




    Thanks in advance..

  2. #2
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,029
    Answers
    3976
    Vote Rating
    1367
      0  

    Default

    You can use a card layout with your list as the first item. On the disclosure icon tap, setActiveItem on the panel with card layout to switch to your desired class.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •