ExtJS - Display new tab when user click on row

Asked Aug 06 '18 at 10:24

Active Aug 06 '18 at 11:20

Viewed 62 times

I have grid data in ExtJS. I've decided to insert a new tab whenever the user clicks on a specific row. The new tab contains information which has been transmitted from a row.

Here is my code:

columns: [
    {
        text: 'Name',
        dataIndex: 'name',
        flex: 2,
        items: [
            {
                xtype: 'searchtrigger',
                autoSearch: true
            }
        ]
    }, 
    {
        text: 'Price',
        dataIndex: 'price',
        flex: 1
    }
],
bbar: {
    xtype: 'pagingtoolbar',
    displayInfo: true,
    displayMsg: 'Displaying {0} to {1} of {2} &nbsp;records ',
    emptyMsg: "No records to display&nbsp;"
},
listeners: {
    select: function (tabPanel, newTab, oldTab, eOpts) {
        tabPanel.add({
            title: 'sometitle'
        });
    }
}

However, in the first step, I've got an error:

Uncaught TypeError: tabPanel.add is not a function

By the way, I have a couple of questions:

1- What is the best practice for transmitting data between two views in ExtJS?

2- Any suggestion to resolve the above issue?

EDITED: Here is the fiddle:

edited Aug 06 '18 at 11:20

Philipp Maurer

2,480
6
18
25

asked Aug 06 '18 at 10:24

Farzan Najipour

2,442
7
42
81

Provide [fiddle](https://fiddle.sencha.com/#view/editor) for what you have tried so far. – Rohit Sharma Aug 06 '18 at 10:27
I see that you're getting tabPanel as an argument of the select listener, do a console.log of arguments, and see if you're getting the correct type in arguments. – DesTroy Aug 06 '18 at 10:34
@RohitSharma I've added fiddle – Farzan Najipour Aug 06 '18 at 10:45
Where is your `tabPanel` ? I think you didn't add full scenario in your code. – Rohit Sharma Aug 06 '18 at 10:55
@RohitSharma I've used Ext.grid.Panel instead of tabPanel – Farzan Najipour Aug 06 '18 at 10:58
Then, what do you mean by **I've decided to insert a new tab** ? – Rohit Sharma Aug 06 '18 at 11:01
@RohitSharma, so you recommend changing 'Ext.grid.Panel' to 'tabPanel'? – Farzan Najipour Aug 06 '18 at 11:12
May I ask you to put it as an answer? – Farzan Najipour Aug 06 '18 at 11:13
1

Maybe you are asking about this type of result: https://fiddle.sencha.com/#view/editor&fiddle/2k73 – Rohit Sharma Aug 06 '18 at 11:14
1

@RohitSharma HELL YEAH! Thanks. – Farzan Najipour Aug 06 '18 at 11:17
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/177485/discussion-between-rohit-sharma-and-farzan-najipour). – Rohit Sharma Aug 06 '18 at 11:19

ExtJS - Display new tab when user click on row

0 Answers0