Newbie, Please Help

[DN]

Hi,

I have created a tabs, and try to programmatically navigate to the next tab in my java script function as below, and as soon as it hits that tabs(), it gave me an error: Object [object Object] has no method 'tabs'


<div id="tabTest" class="easyui-tabs" data-options="tabWidth:150,tabHeight:80" style="height:400px">
....
</div>


function MoveToNextTab()
    {
        try
        {
            var tab  = $('#tabTest').tabs('getSelected');
            var index =   $('#tabTest').tabs('getTabIndex', tab);
            if(index < 5) index++;
            else index = 0 ;
            
            $('#tabTest').tabs('setTabIndex', tab); // ? How
        }
        catch(err)
        {
            txt = "There was an error on this page.\n\n";
            txt += "Error description: " + err.message + "\n\n";
            txt += "Click OK to continue.\n\n";
            alert(txt);
        }
    }

And this page has the sample of how to get the tab index.
http://www.jeasyui.com/documentation/tabs.php

[stworthy]

Please call 'select' method to navigate to another tab panel.

Code:

$('#tabTest').tabs('select', index);

[DN]

Please call 'select' method to navigate to another tab panel.

Code:

$('#tabTest').tabs('select', index);

Thanks stworthy.  But it threw the error Object [object Object] has no method 'tabs'.  Apparently, the easyui-tabs class does not provide the tabs() function.  Or at least, that is how I interpreted the error.

[stworthy]

Please refer to this example http://jsfiddle.net/Vf4LG/. It works fine.

[DN]

Please refer to this example http://jsfiddle.net/Vf4LG/. It works fine.

Thanks.  Something is not compatible when this code runs under IDE of Visual Studio 2013.  I will try to figure it out later.  And may be if I get the EASYUI demo running on my Windows 7 machine, and then I would figure it out better.

Why are all EasyUI demos that use *.json file not running on my Windows 7?  Is that because Javascript cannot open them?  Or is it because IE does not allow HTML page to read data file?

Thanks

[DN]

Hi All,

Please help...

My application is MVC 4.5.1.  From the FireBug console, I can see that the tabs object does exist, as shown below:

>>> $('#tabWizard')
Object[div#tabWizard.easyui-tabs]

>>> $('#tabWizard')[0]
<div id="tabWizard" class="easyui-tabs tabs-container" style="height: 400px; width: auto;" data-options="tabWidth:150,tabHeight:80">

>>> $('#tabWizard').tabs('getselected')
TypeError: $(...).tabs is not a function

Note that from FireBug Net/Javascript tab, I did see the jquery.tasb.js and jquery.easyui.js are loaded.