带有Jquery UI的Jquery UI选项卡选项卡中的Widget很奇怪

Question

我在Jquery UI标签小部件中有三个标签。在标签内部，我正在创建一个Wijmo Grid。每个标签上一个。 Grid也基于Jquery UI。第一个标签上的网格似乎很好。 第二个和第三个选项卡（隐藏的选项卡）上的网格具有奇怪的大小问题。一个网格显示大约10像素宽和全高。第三个选项卡上的那个显示大约50乘50像素。

我知道这些标签上的代码很好，因为如果我将其中一个作为主要标签，那么它工作正常，其他两个都被破坏了。所以我认为这是Jquery UI Tabs小部件和标签内容（Wijmo Grid）之间的某种交互。有谁知道导致这种奇怪的互动的原因以及我能做些什么才能让它以可预测的方式工作？

Answer 1

网格在初始化时进行大小计算。这样做需要以某种方式显示。

您可以添加class="ui-helper-hidden-accessible"以在渲染时将其关闭。

确保初始化网格然后初始化小部件。或者，当激活标签时，您可以调用$("#grid").wijgrid("doRefresh");。