Сетка данных GWT не представлена ​​#39;

Я пытаюсь переключиться с CellTable на DataGrid. На самом деле изменение было очень простым (API совершенно одинаковые)-но я не могу сделать сетку видимой без явного указания ее ширины и высоты. В CellTable было достаточно установить ширину и высоту на 100% -, и это именно то поведение, которое мне нужно.

На мой взгляд, у меня есть два раздела в HotrizontalPanel:, один показывает несколько вкладок (кнопки), а другой показывает сетку. При каждом нажатии на вкладку область сетки очищается и создается новая сетка.

Представление выглядит следующим образом:

<ui:style>
   .expanded {
        width: 100%;
        height: 100%;
    }

   .simpleContainer {
        border-top: 5px solid #484848;
        border-bottom: 5px solid #484848;
    }
</ui:style>

<c:SimpleContainer addStyleNames="{style.simpleContainer} SimpleContainer">
    <g:HorizontalPanel>
        <g:HorizontalPanel ui:field="headersContainer"/>
        <g:FlowPanel ui:field="tablePanel" styleName="{style.expanded}"/>
    </g:HorizontalPanel>
</c:SimpleContainer>

А это фрагмент HTML из работающего приложения:

<div class="GKQJTVMDCNC-com-mycode-management-client-ui-panels-PropertiesPaneView_PropertiesPaneUiBinderImpl_GenCss_style-simpleContainer SimpleContainer" id="x-widget-21" style="width: 1730px; height: 126px; ">
<table cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td align="left" style="vertical-align: top; ">....</td>
            <td align="left" style="vertical-align: top; ">
                <div class="GKQJTVMDBNC-com-mycode-management-client-ui-panels-PropertiesPaneView_PropertiesPaneUiBinderImpl_GenCss_style-expanded">
                    <div style="position: relative; overflow-x: hidden; overflow-y: hidden; " __gwtcellbasedwidgetimpldispatchingfocus="true" __gwtcellbasedwidgetimpldispatchingblur="true">
                       ....
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>

Верхний элемент div имеет правильную ширину и высоту, но каким-то образом элемент DataGrid имеет высоту 1 пиксель и ширину 0 пикселей (список в соответствии с инструментом разработчика Chrome)

<div class="GKQJTVMDBNC-com-mycode-management-client-ui-panels-PropertiesPaneView_PropertiesPaneUiBinderImpl_GenCss_style-expanded">

Есть идеи?

5
задан Ben Bracha 8 April 2012 в 08:58
поделиться