1. #1
    Sencha User
    Join Date
    Feb 2011
    Posts
    12
    Vote Rating
    0
    jbrooksuk is on a distinguished road

      0  

    Default NestedList Root -> DetailCard

    NestedList Root -> DetailCard


    Hi all,

    Firstly, thanks for such a wonderful product, although it's bloody confusing at times and for an Ext newbie (coming from jQuery), it's extremely powerful and flexible.

    I'm currently implementing a NestedList into a floating TabPanel, this works well and I have everything working! It looks awesome

    My problem is that I am unable to create the NestedList without level items between the root and detail card. The PHP I'm using to generate the JSON is:
    Code:
    $nodes[] = array(
        'text'  => 'Advisor',
        'items' =>
            array(
                array(
                    'text'      => 'Contact Advisor',
                    'advisor'   => true,
                    'leaf'      => true,
                    'phone'     => 'NUMBER',
                    'email'     => 'email@email.co.uk',
                    'skype'     => '<img src="images/skype_com.gif" alt="Skype" /> NUMBER',
                    'image'     => 'images/team/picture.jpg'
                )
            )
    );
    It's almost perfect, although due to the "text" property in the "third" array, a middle level is created. Is there anyway to stop this from happening?

    Cheers,
    James

  2. #2
    Sencha User
    Join Date
    Feb 2011
    Posts
    12
    Vote Rating
    0
    jbrooksuk is on a distinguished road

      0  

    Default


    BUMP.

    If this isn't possible, then could someone at least tell me so? The extra level is super annoying.

  3. #3
    Sencha User
    Join Date
    Feb 2011
    Posts
    12
    Vote Rating
    0
    jbrooksuk is on a distinguished road

      0  

    Default


    This is fixed too.

    I use a normal List component, then on itemtap, create a new panel, add it to its parent and then slide to it.

    James

  4. #4
    Sencha User
    Join Date
    Dec 2010
    Posts
    69
    Vote Rating
    0
    irocker is on a distinguished road

      0  

    Default


    James,

    Would you mind posting the code you used to do this?

  5. #5
    Sencha User
    Join Date
    Feb 2011
    Posts
    12
    Vote Rating
    0
    jbrooksuk is on a distinguished road

      0  

    Default


    @irocker,

    I know it's messy, but it works a treat. Even accounts for floating overlays without having moving elements due to the need to doLayout() (I think that's how it works)

    Code:
    var nestedContacts = new Ext.Panel({
        floating: true,
        modal: true,
        height: 150,
        width: 300,
        ui: 'canvas',
    	
    	cls: 'contactOverlay',
        id: 'contactList',
        layout: 'card',
    
        items: [{
            xtype: 'list',
            itemTpl: '<tpl for="."><div class="contactSelect">{name}</div></tpl>',
            itemSelector: 'div.contactSelect',
            store: contactStore,
            listeners: {
            	scope: this,
            	itemtap: function(list, index) {
                	
                    var rec = list.store.getAt(index),
                    	contacts = nestedContacts.items.last(),
                        itemID = rec.get('name').replace(/ /g, '') + '-card',
                        c = nestedContacts.getComponent(itemID);
    
                    if(!c) {
                    	c = new Ext.Panel({
                    		renderTo: nestedContacts.el.dom.childNodes[0].id,
                    		ui: 'canvas',
                    		id: itemID,
                    		layout: 'card',
                    		html: rec.get('phone'),
                    		dockedItems: [{
                    			xtype: 'toolbar',
                    			dock: 'top',
                    			ui: 'canvas',
                    			title: rec.get('name'),
                    			items: [{
                    				text: 'Back',
                    				ui: 'action',
                    				handler: function() {
                    					nestedContacts.setActiveItem(0, {
                    						type: 'slide',
                    						reverse: true
                    					});
                    				}
                    			}]
                    		}]
                    	});
    
                    	nestedContacts.add(c);
                    	c.doLayout();
                    }
    
                    nestedContacts.setActiveItem(c, 'slide');
                }
            }
        }]
    });

Similar Threads

  1. Navigate from DetailCard to NestedList item
    By winalot in forum Sencha Touch 1.x: Discussion
    Replies: 2
    Last Post: 30 Jan 2012, 12:22 PM
  2. Best way to add a new NestedList at the leaf of another NestedList?
    By pwayner in forum Sencha Touch 1.x: Discussion
    Replies: 0
    Last Post: 8 Dec 2010, 6:07 AM
  3. Replies: 2
    Last Post: 1 Nov 2010, 10:50 AM
  4. Root node disappears when root.reload() is called
    By defcon1 in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 4 May 2010, 5:33 AM

Thread Participants: 1

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi