Jquery UI Вкладки с Jquery UI Виджеты во вкладках ведут себя странно

Question

У меня есть три вкладки в виджете вкладок Jquery UI. Внутри вкладок я создаю сетку Wijmo. Один на каждой вкладке. Сетка также основана на пользовательском интерфейсе Jquery. Сетка на первой вкладке выглядит нормально. Сетка на второй и третьей вкладках (скрытых) имеет странные проблемы с размерами. Сетка на одном изображении имеет ширину около 10 пикселей и полную высоту. Тот, что на третьей вкладке, выглядит примерно 50 на 50 пикселей.

Я знаю, что код на этих вкладках в порядке, потому что, если я сделаю одну из них основной вкладкой, она будет работать нормально, а две другие не работают. Так что я думаю, что это своего рода взаимодействие между виджетом Jquery UI Tabs и содержимым вкладок (сетка Wijmo). Кто-нибудь знает, что вызывает это странное взаимодействие и что я могу сделать, чтобы оно работало предсказуемо?

Answer 1

Сетка выполняет расчет размера при инициализации.При этом его нужно как-то отображать.

Вы можете добавить class="ui-helper-hidden-accessible", чтобы отключить экран при рендеринге.

Убедитесь, что вы инициализировали сетки, а затем виджеты.Или вы можете позвонить $("#grid").wijgrid("doRefresh");, когда активирована вкладка, в которой она содержится.