问题标签 [tabcontainer]

DOJO 在这里似乎有些怪癖。我特别需要在页面加载时隐藏 TabContainer，但在用户单击按钮后变得可见。我尝试的第一件事是设置 style.display = "none" 开始，然后在点击事件上设置 style.display = "block"。不幸的是，这只是部分有效 - 页面将在正确的位置/尺寸呈现一个不可见的框，但不会呈现实际内容。盒子的内容只有在被其他东西触发时才会被渲染（例如，转到不同的 FF 选项卡或挂起/恢复萤火虫会使盒子渲染）。

如果 style.display 属性设置为在页面加载时可见，则一切正常。您可以切换显示属性，它会正确显示或隐藏 tabcontainer。但是如果它在页面加载时设置为“无”，它就会搞砸。

我尝试了一种解决方法，在 HTML 中将 style.display 属性设置为“”，然后立即在 Javascript 中将其设置为“none”，但它仍然失败 - 更改发生得太快，需要在 tabcontainer 渲染后发生（这可能需要一两秒钟）。

一些剥离的示例代码：

HTML:
<div id="tabContainer" dojoType="dijit.layout.TabContainer" style="width:500px; height:100px;display:none;">
</div>

然后 Javascript 在用户单击时显示选项卡：

如何动态显示/隐藏 TabContainer 而不让它以显示状态启动？

我正在做一个小项目，并且正在使用 Dojo。目前我无法正确加载所有内容。我正在尝试使用 Tundra 主题。

本质上，问题在于 TabContainer 缺少选项卡，具有衬线字体而不是无衬线字体，并且在其中显示所有 ContentPanes 而不是将它们隐藏在非活动选项卡中。衬线问题也适用于我尝试创建的所有其他 Dijit 元素，但是 Dijit 表单元素似乎工作得更好一些（除了字体不正确，它有正确的样式，验证和其他花哨的东西工作正常）。

使用其他 Dijit 主题时会出现同样的问题，但是 TabContainer 边框颜色会随着每个不同的主题而变化，这让我相信 Dijit 主题可能会正确加载。不过，Dojo 似乎正确地创建了 Dijit 元素，进一步查看下面的 Firebug 输出。

Dojo 1.3.2 dojo、dijit 和 dojox 目录的完整副本存在于 js/dojo 中。所有链接的样式表和脚本最初都在加载，并且它们的路径是正确的（我已经测试以确认 js 中的警报框和 css 中的正文颜色更改）。

索引.html

js/script.js

检查 Firebug，我看到以下内容（在我看来应该是这样）：

实际输出（在 Firefox 和 Chrome 中）是一个带有主题边框的框（TabContainer）。TabContainer 上没有选项卡，并且两个 ContentPanes 同时可见（都带有衬线字体）。

我尝试过的事情无济于事：

• 在我的 init 函数结束时执行 dojo.parser.parse()
• 尝试其他 Dijit。它们的行为相似，因为它们似乎部分加载。每个 Dijit 都有衬线字体而不是无衬线字体，但是除了不正确的字体之外，表单元素和对话框都正确显示

在此先感谢，这让我发疯了。

我正在使用 ajaxcontroltoolkit 并尝试在选项卡更改事件上调用几个函数。

我想从我的 OnClientActiveTabChanged 函数中调用多个 js 函数但不断收到错误消息

更新，我刚刚注意到即使是基本的警报语句也会发生这种情况..

给出问题的行：

以下代码适用于 IE8、Safari 4.0.2 - 但会在 Firefox 3.5.5 上生成一个空白页面。任何的想法 ？

我在 IE7 中垂直显示选项卡而不是水平显示选项卡时遇到问题。Firefox 3.5 很好。

我的设置如下：选项卡容器包含 5 个选项卡。选项卡容器具有由自定义 CSS 文件定义的 CSS 每个选项卡都可以包含一个新的选项卡容器 此“内部”选项卡容器使用默认的 tundra css 样式。

“内部”选项卡容器工作正常，并水平显示选项卡，但“外部”选项卡容器（带有自定义 css）没有。我认为解决这个问题会很简单，因为我只能从 tundra 样式表中复制相关样式。不幸的是，这似乎不起作用。我已经检查了所有内部和外部选项卡的计算 css 的显示值，它们匹配，所以我现在有点茫然.......

以前有人遇到过这种问题吗？

哦，还有另一个有点令人困惑的问题............如果我不应用“display：inline-block;” 到 .dijitTab 我在 Firefox 中遇到了同样的问题。

我有以下 html / Javascript：

http://pastie.org/782618

以及标签的以下 Zend PHP 代码：

http://pastie.org/782620

我想链接到第二个选项卡（事件信息 2）。如果可能的话，我希望能够在第一个选项卡上设置一个按钮，单击该按钮会转到下一个表单。如果这不可能，我也可以链接到第二个选项卡，只要它不会刷新页面（表单中的内容不会丢失）。

我当前的任务是显示数据对象内容的 ASP.NET 页面。该对象的属性之一是命名列表的列表。为了不透明，我们称它为 a Company，它有一个命名位置列表，每个位置都与（仅）一个员工列表相关联。

万一这很重要，Company这个属性是否像这样实现：

这些列表中的每一个都可以很容易地显示在 aGridView.我想我想要的是将整个东西放在 a 中TabContainer并有一个单独TabPanel的包含每个网格。选项卡和网格将彼此相同，每个选项卡的名称将是关联的字典键。

有没有好的方法来做到这一点？

我的第一个想法是使用 a Repeater，但你不能把一个放在 a 里面TabContainer。解析器不知道如何处理它。

所以，看起来我必须以编程方式创建选项卡。很公平。如果可能的话，我想避免创建单独的网格控件并以编程方式分配它们的所有属性。

我得到的一个建议是子类化TabPanel并使其像用户控件一样工作，包含 aGridView并知道如何将数据绑定传递给它。不过，我不确定该怎么做，或者它是否会起作用。我知道如何对控件进行子类化，但我认为某些东西不能TabPanel像用户控件那样既可以像 a 一样起作用又可以包含控件。

想法？输入？更好的想法？

我们刚刚升级到 Visual Studio 2010 RC1，突然间我们在 tabcontainer 中的控件从设计器文件中消失了。

实际上，一开始一切看起来都很好，项目编译得很好，但是一旦我们对页面的标记进行任何更改并为 tabcontainer 中的控件构建代码就消失了，我们得到了类似这样的错误消息

有谁知道是否对 Visual Studio 2010 的 tabcontainer 进行了任何更改，或者这只是一个错误？

提前致谢。

我正在尝试解决一个问题。我在页面上有一个 ASP.NET Ajax 的 TabContainer。每个选项卡都有一个在加载时绑定的 gridview 控件。但是由于某种原因，浏览器会在页面呈现后自动关闭。如果我删除 TabContainer 那么它工作正常。我认为绑定代码不会影响浏览器关闭，因为在我的代码中我没有注册任何脚本块。

还有一件值得注意的事情是这只发生在 IE 8 中。它在 Firefox 和其他浏览器中运行良好。

不知道以前有没有人遇到过类似的问题。

谢谢...

任何帮助将不胜感激。

您是否在 AJAX 选项卡容器中引用代码？有没有简单的方法？我正在使用 datepicker 脚本，但无法在 AJAX tabcontainer 中引用日历。这给麻烦找不到它。不工作

我可以毫无问题地引用 tabcontainer 之外的所有其他日历。IE