forum

Home / DeveloperSection / Forums / Sencha Touch 2.0 — How can I hide my list item?

Ask Question

Sencha Touch 2.0 — How can I hide my list item?

Anonymous User371231-May-2013
Hi Expert! 

Given a list and a segmentedButton in my panel's items:
[{
    xtype:'segmentedbutton',
    id:'segmented-btn',
    items: [{
        ui:'action',
        text: 'A',
        pressed: true
    },{
        ui:'action',
        text: 'B',
    }]
},{
    xtype: 'list',
    id: 'toList',
    scrollable: false,
    data: [],
    itemTpl: ['<div id="{title}-item">{title}</div>']
},{
    xtype: 'list',
    id: 'fromList',
    ui: 'round',
    data: [],
    itemTpl: ['<div id="{title}-item">{title}</div>']
}]

When the segmented button A is pressed, the 'To' list item will be hidden and when my segmented button B is pressed, the 'From' list item will be hidden and the 'To' list item will shown.

Thanks in advance! 
sencha touchsencha touch 
Updated on 01-Jun-2013
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

AVADHESH PATEL

AVADHESH PATEL

01-Jun-2013
Hi Hugh,

Adding a listener function to the segmented button

listeners: {
    toggle: function(container, button, pressed){
        if(button.text == 'A'){
            this.down('#fromList').show();
            this.down('#toList').hide();
        } else {
            this.down('#fromList').hide();
            this.down('#toList').show();
        }
    }
}
Should work if the handler function doesn't.

Liked By