gwt - GWT: g:LayoutPanel および g:layer に切り替えると、すべての入力が無効になりますgwt プロジェクトでビューをレイアウトするために uiBinder を使用しており、ビューの基本的なレイアウトを処理するために通常のテーブルを使用しています。ちょっと面倒で静的になったので、代わりにlayoutPanel内のレイヤーを使用することを検討していました。これはそれを行うためのより良い方法のように思えました。だから私は構造を持っていた前に: Dockla

Question

gwt プロジェクトでビューをレイアウトするために uiBinder を使用しており、ビューの基本的なレイアウトを処理するために通常のテーブルを使用しています。ちょっと面倒で静的になったので、代わりにlayoutPanel内のレイヤーを使用することを検討していました。これはそれを行うためのより良い方法のように思えました。だから私は構造を持っていた前に: Docklayoutpanel center tablayoutpanel タブ テーブル // テーブルの行とさまざまなコンテンツのセル

行と列を含むテーブルは、レイヤーを含む layoutPanel に置き換えられました。最初は問題なく動作しているように見え、ほとんど同じように見えました (マージンとパディングがオフになっているだけです) が、レイヤー内のすべてのコンテンツが完全に無効になっていることに気付きました。ボタンや textFields だけでなく、静的テキストを選択することさえできません。すべての上に目に見えないガラス板があるようなものです。何が原因で、どうすれば修正できますか?

いくつかのコードも投入します。これは、最初は以前のように見えたものです（正常に動作しています）：

<g:DockLayoutPanel unit="EM" height="100%">
        <g:center>
            <g:TabLayoutPanel barUnit='EM' barHeight='3'
                ui:field="tabs">
                <!-- TABB 1 -->
                <g:tab>
                    <g:header styleName="viewSubtitleText">
                        <!-- Flikrubrik -->
                        View Person
                    </g:header>
                    <g:LayoutPanel>
                        <g:layer>
                            <g:ScrollPanel>
                                    <g:HTMLPanel>
                                        <table>
                                            <tr>
                                                <td valign="top">
                                                    <g:HTMLPanel styleName="roundedBox">
                                                        <g:HTMLPanel styleName="viewSubtitleText">People</g:HTMLPanel>
                                                        <table>
                                                            <tr>
                                                                <td>
                                                                    <table>
                                                                        <tr>
                                                                            <td>
                                                                                <g:HTML>Search </g:HTML>
                                                                            </td>
                                                                            <td>
                                                                                <j:DemiaSuggestBox ui:field="sgtPerson"></j:DemiaSuggestBox>
                                                                            </td>

そして、これは次のように置き換えられました。

<g:DockLayoutPanel unit="EM" height="100%">
    <g:center>
        <g:TabLayoutPanel barUnit='EM' barHeight='3'
            ui:field="tabs">
            <!-- TABB 1 -->
            <g:tab>
                <g:header styleName="viewSubtitleText">
                    <!-- Flikrubrik -->
                    View Person
                </g:header>
                <g:LayoutPanel>
                    <g:layer styleName="roundedBox">
                        <g:HTMLPanel>
                            <g:HTMLPanel styleName="viewSubtitleText">People</g:HTMLPanel>
                            <table>
                                <tr>
                                    <td>
                                        <table>
                                            <tr>
                                                <td>
                                                    <g:HTML>Search </g:HTML>
                                                </td>
                                                <td>
                                                    <j:DemiaSuggestBox ui:field="sgtPerson"></j:DemiaSuggestBox>
                                                </td>