Ext.net TabPanel issue

I'm experiencing an issue with Ext.net TabPanel. When the page with tab panel is opened first time after the app was rebuilt it throws Uncaught TypeError: Object [object Object] has no method 'getComponent'. The problem happens each time the application is rebuilt and then disappears after page refresh. Here's JS code I use to create a tab:

Code:

---

@X.XScript().ScriptBlock(@"
<script>
    var addMainTab = function (tabPanel, id, url, title) {

        var tab = tabPanel.getComponent(id);

        if (!tab) {
            tab = tabPanel.add({
                id      : id,
                title    : title,
                closable : true,
                loader  : {
                    url      : url,
                    renderer : 'frame',
                    loadMask : {
                        showMask : true,
                        msg      : 'Loading ' + url + '...'
                    }
                }
            });
        }

        tabPanel.setActiveTab(tab);
    }
</script>
");

---

It's called on menu item click:

Code:

---

menuItem.Listeners.Click.Handler = "addMainTab(#{MainTabPanel}, 'someId', 'someurl', 'Tab title')";

---

As I figured out some functions (getComponent, addTab and others) are not included into the definition of TabPanel at first load of the page after rebuild. Does anyone have any idea why it may happen and how it can be fixed? I'd appreciate any help.

Please provide runable sample for testing

Quote:

---

Originally Posted by Vladimir

Please provide runable sample for testing

---

Vladimir, I've created a small MVC project with TabPanel in Layout page. You can find it here: https://bitbucket.org/abylinsky/ext....nel-issue/src/

When you open the app first time after rebuild and click on menu items in the left menu, you'll get Uncaught TypeError: Object [object Object] has no method 'getComponent'.

You cannot use #{} syntax under Razor (it is webform only)
Please replace by #{MainTabPanel} by App.MainTabPanel or Ext.getCmp('MainTabPanel')

Quote:

---

Originally Posted by Vladimir

You cannot use #{} syntax under Razor (it is webform only)
Please replace by #{MainTabPanel} by App.MainTabPanel or Ext.getCmp('MainTabPanel')

---

Thanks a lot, Vladimir! It worked for me. However I must admit that this was the only case when #{} syntax didn't work in our app. In all the other cases it worked very well even under Razor engine.

Just #{} synatx has no sense under Razor and should not be used