How Can I set active tabpanel?

[elnaz]

Hi,

I have a tab with 3 tab and inside of each tab there is a grid list
I can delete row but ,I want to delete the row in active tab ,not if I have choose some row in another tab

How can I set active tab panel

Button code:


deleteList: function (button) {
var grids = button.up('relationspanel').query("gridpanel");
Ext.each(grids, function (grid) {
grid.store.remove(grid.getSelectionModel().getSelection());
});
}



Tab panel code:



extend: 'Ext.tab.Panel',
alias: 'widget.relationspanel',


width: 350,
border: true,
maxHeight: 280,
bodyBorder: false,
fieldDefaults: {
labelWidth: 75,
msgTarget: 'side'
},


constructor: function () {
this.callParent(arguments);
return this;
},


initComponent: function () {


this.items = [{
title: 'Credential',
xtype: 'container',
items: [{
align: 'center',
xtype: 'gridpanel',
store: 'StoreAuthentications',
selType: 'checkboxmodel',
multiSelect: true,
id: 'tab1',
columns: [{
header: 'Private User ID',
dataIndex: 'privUID',
flex: 1,
align: 'center'
}, {
header: 'Authentication Schema',
dataIndex: 'authSchema',
flex: 1,
align: 'center'
}, {


header: 'Authentication Data',
dataIndex: 'authData',
flex: 1,
align: 'center'
}, {


header: 'Public User ID',
dataIndex: 'puserid',
flex: 1,
align: 'center'
}]
}]


}, {
title: 'PublicUID',
xtype: 'container',
items: [{
align: 'center',
xtype: 'gridpanel',
store: 'StoreActivities',
selType: 'checkboxmodel',
id: 'tab2',
multiSelect: true,
columns: [{
header: 'Public User ID',
dataIndex: 'id',
flex: 1,
align: 'center'
}, {
header: 'Status',
dataIndex: 'status',
flex: 1,
align: 'center'
}, {
header: 'Online Status',
dataIndex: 'online',
flex: 1,
align: 'center'
}, {
header: 'Profile IDs',
dataIndex: 'profileIDs',
flex: 1,
align: 'center'
}


]
}]
}, {
title: 'Profile',
xtype: 'container',
items: [{
align: 'center',
xtype: 'gridpanel',
store: 'StoreProfile',
selType: 'checkboxmodel',
id: 'tab3',
multiSelect: true,
columns: [{
header: 'Profile ID',
dataIndex: 'id',
flex: 1,
align: 'center'
}, {
header: 'Profile Type',
dataIndex: 'type',
flex: 1,
align: 'center'
}, {
header: 'Profile Data',
dataIndex: 'data',
flex: 1,
align: 'center'
}, {
header: 'Private User IDs',
dataIndex: 'privUIDs',
flex: 1,
align: 'center'
}]
}]
}];


this.buttons = [{
text: 'Delete',
icon: '../../../images/DeleteUser.png',
action: 'delete',
scope: this,
id: 'list-delete'


}];


this.callParent(arguments);
}


});

[skirtle]

I'm not sure I've understood correctly. Do you mean you want to delete the selected row from the currently active tab?

Like this perhaps?


deleteList: function (button) {
var grid = button.up('relationspanel').getActiveTab().query("gridpanel")[0];
grid.store.remove(grid.getSelectionModel().getSelection());
}

[jay@moduscreate.com]

have you tried myPanelRef.tab.show()?

[elnaz]

Thank you

[elnaz]

Not yet,I will try it, thanks

It worked with getActiveTab()