Вкладки пользовательского интерфейса Jquery с виджетами пользовательского интерфейса Jquery на вкладках ведут себя странно

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

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


wijmo jquery-ui jquery-ui-tabs
person w.donahue    schedule 01.12.2011    source источник
comment
Вы инициализируете вкладки перед сетками? Возможно, это происходит потому, что две другие <div> для вкладок скрыты ... Не могли бы вы опубликовать URL-адрес или jsfiddle, чтобы мы могли его увидеть?   -  person Didier Ghys    schedule 01.12.2011

Ответы (1)


arrow_upward
1
arrow_downward

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

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

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

person Banzor    schedule 01.12.2011
comment
Спасибо за помощь. Это исправлено. Я смотрел вашу презентацию Wijmo на MVC Conf (кажется) несколько месяцев назад, и это тоже было полезно. Еще один вопрос, если позволите. Внутри wijgrid я поместил wijcombobox в строку. Поле со списком игнорирует высоту, указанную в dropdownHeight, и создает огромное выпадающее меню, которое выходит за нижнюю часть экрана. Что-то подобное является причиной этого? - person w.donahue; 03.12.2011
comment
Рада, что вы пришли на сеанс! Еще лучше услышать, что вы используете Wijmo! Чтобы ответить на ваш вопрос, да, wijcombobox также необходимо отображать при инициализации для расчета высоты. Попробуйте что-то подобное для комбо, но вместо этого используйте перерисовку. - person Banzor; 07.12.2011