我正在使用coolite tabpanel。我想从客户端处理选项卡更改事件。

我正在使用richfaces和jsf。

我<rich:tabpanel>用来创建标签。

我已经拿了 4 个标签。

在第一个选项卡中，有一个刷新按钮可用。如果我单击该按钮，整个标签面板就会刷新。无论数据保存在 tab2、tab3 和 tab4 中，都将被清除。

我在我的 aspx 文件上创建了一个 TabPanel。在后面的代码中，我动态创建：其中的选项卡以及每个选项卡中的 HtmlEditor。我还在每个选项卡上创建了一个侦听器，这样当它们被激活或显示时，该选项卡中的 HtmlEditor 就会获得焦点。

当我执行程序时，我看到选项卡已在我的 TabPanel 上创建。但是在网页准备好使用之前，会出现一个错误，指出侦听器中的对象 ID 未定义。所以监听器不起作用，页面没有完全加载。

奇怪的是，如果我直接在我的 aspx 文件中添加一个选项卡，在我的选项卡面板中添加一个选项卡，并使用侦听器加载我的动态选项卡的其余部分：html 编辑器的所有 Id 都被识别，并且所有侦听器都可以正常工作. 除了第一个选项卡外，witch 没有侦听器，并且在这种情况下不是动态创建的。

我的理论是，TabPanel 的索引 0 处的选项卡似乎在 HtmlEditor 控件的 ID 保存到页面之前启动了 Activate() 或 Show() 的侦听器。

所以我想知道我错过了什么以及如何将侦听器（激活或显示）放在 Tabpanel 中的每个选项卡上，这将触发该选项卡内控件的焦点方法。当然，我想动态生成我的所有标签。

你能帮助我吗 ？

我希望我足够清楚。

这是我的Default.aspx页面：

这是我的Default.aspx.cs页面：

尝试使用已加载的一个选项卡修改default.aspx，并且侦听器工作正常（但我当然不希望这样，因为我希望我的所有选项卡都被动态加载）：

我有以下 Ext.TabPanel：

看起来像这样：

如何让中间的线向下延伸到底部，以便垂直填充其父空间？

以下是 TabPanel 的加载方式regionContent：

我看到dom中这个元素的高度是绝对的（19px），在哪里设置？

附录

McStretch，我通过自己放入layout: 'fit'选项卡来尝试您的想法，但该行仍然在同一个地方：

当我想对用户在网格上选择一行做出反应时，我使用这个：

如何将相同的功能附加到选项卡？像这样的东西：

附录

谢谢@timdev，这行得通，这就是我识别它是哪个选项卡的方法（简单地说id，我无法获取选项卡的索引，因为我可以获取网格中的行索引）：

当我单击一个命令按钮时，我想执行一些 js 将当前选项卡面板切换到另一个选项卡面板。我的 tabPanel 是 switchType="client"。

在 Extjs 应用程序中，我有一个 Grid 和一个 Tabs 行。网格的内容取决于选定的选项卡。说标签有 Jan-Feb-Mar-... 值。单击选项卡我会重新加载网格的商店

问题：是否有可能避免重复 12 个网格组件以支持一个共享实例？

谢谢

免责声明：在 sencha 的论坛、google、stackoverflow 上搜索不成功 :(

我有一个这样的标签面板：

然后在创建此选项卡面板后，我想动态更改选项卡的内容，但这些都不起作用：

由于我想通过AJAX加载每个选项卡的内容，我不想按照此问题中的建议动态添加选项卡，但希望选项卡从第一次加载时可见，并且每个选项卡的内容在单击时动态更改.

选项卡创建后如何更改其内容？

更新：

感谢@Chau 发现我的疏忽：当我使用Ext.Panel而不是简单的 javascript 对象文字创建选项卡时，它可以工作：

在将 Ajax TabContainer 控件与母版页一起使用时，我遇到了一个问题，即只有设置了 ActiveTabIndex 值的选项卡与内容页面一起加载，但另一个选项卡上的页面没有加载。是否需要使用属性或事件来加载使用其他内容页面的其他选项卡？

请指教！

Extjs TabPanel 正在使用 autoHeight 开发 FireFox、Chrome 和 Safari 而不是在 IE 中。