Hi All,

I really need help.  I am trying to develop a MVC project using VS2013.  With VS2013, it automatically includes bootstraps, SignalR, and few others.  I use Nuget to install EasyUI 1.3.4 to the solution and create two pages.  The first page has EasyUI treegrid, and the second page has Easyui Tab.

Both controls are displayed nicely.   I love it.  But basically, any javascript code that I attempt to put in to get the class object got the same error:

Object [object] does not have method 'xxx' (where xxx is the method that I try to call).  For example,

$('#treeGrid1').treegrid('getSelected')   = Object [object] does not have method 'treegrid')
$('#tabWizard').tabs('getSelected')   = Object [object] does not have method 'tabs')


Did I do something wrong?  Have anyone implemented Easyui to a MVC project?  Below is the link to my previous topic (did not mean to spam, but seems to be no-one pay attention to this topic any more)


http://www.jeasyui.com/forum/index.php?topic=2754.0

Many thanks.

[Object[div#tabWizard.easyui-tabs]]

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.

So, is there a way to remove the MS' CSS reference?  How did you fix the problem?

I have the same issue with accordion.  All <div> inside a accordion are separated by a gap.

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

['tabs']

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.

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