PDA

View Full Version : How to create link to access tabpanel item containing gridpanel?



zakif
1 May 2012, 10:57 PM
I've grouptabpanel consist of several items each pointing to display a gridpanel. The gridpanel is included as item from tabpanel items (see code below).

How to create a link to open directly to display certain gridpanel?

A friend of mine has suggested me to use jQuery plugin for Ext JS.

Isn't there any native-solution from Ext JS to solve that?

Thanks in advance.

Best regards,
Zaki

Here are the codes:


var viewport = new Ext.Panel({
layout : 'fit',
renderTo : 'content',
title : 'The Title of Panel',
collapsible : false,
autoHeight: true,
items:[
{
xtype: 'grouptabpanel',
tabWidth: 200,
activeGroup: 6,
items: [
{
expanded: true,
items: [
{
xtype: 'portal',
title: 'Configuration',
autoHeight: true,
html: '<a onclick="#lang"> Go to Language Sub-menu</a>'

},{
title: 'Language',
layout: 'fit',
ref: '#lang',
iconCls: 'x-icon-tickets',
style: 'padding: 10px;',
items:[languages_grid]
}

scottmartin
14 May 2012, 7:09 AM
You can create an itemId for your tabs and then access them using getComponent(). There is also the 'ref' property that can be used. Please note that you will have it adhere to the level:

ref: '../../mytab' if you are placing it inside a parent panel.

Regards,
Scott