如何使用“ DHTMLX功能区”选项卡切换DIV

Question

我是JavaScript和ASP.net的新手，并且正在DHTMLX平台上玩耍，因为这似乎是在UI上抢先的好方法。

我想要做的是根据布局上单击的选项卡更改各种布局。例如，选项卡1的网格显示为水果，而选项卡2的网格包含蔬菜的列表。我想实现这一目标的方法是分别创建四个或五个所需的布局。然后将每个布局放入.aspx页中的单独DIV中。然后在用户选项卡上单击（即Fruits），布局将发生变化（隐藏当前div并显示一个包含Fruit布局的div），从而创建所需的页面更改/选项卡更改效果。

我用功能区和各种选项卡创建了两个布局（每个选项卡上都相同-唯一的变化是页面内容的其余部分，例如网格标题等）。

然后我使用了以下代码，希望更改DIV，但它无济于事。我知道该事件正在触发，因为如果需要的话我可以收到警报。

$(document).ready(function() {
        ribbon_1.attachEvent("onSelect", function (id, lastID) {
        //alert("Clicked");
        $('#fruit_div').hide();
        $('#veg_div').show();

        return true;
     })
})

我目前正在使用.CS页面背后的代码中的vegetables.Visible = false在页面启动时隐藏不需要的DIV。也许这就是导致问题的原因。在哪种情况下，最好在单击选项卡时在背后的代码中触发方法？那怎么做？考虑到aspx和页面背后的代码之间的关系，我本来会很简单的。

这很可能是与我缺乏JavaScript知识而不是DHTMLX有关的问题，但是无论哪种方式，都应该向我指出正确的方向。