最近、Easyiをフロントエンドとして使用するために、以前に書いたプロジェクトを変更しました。その過程で多くの問題に遭遇しました。そのうちの1つは、Datagridを十分にレイアウトできないということです。私は多くの方法を考えており、限られた制限があります。最後に、それがレイアウトの問題であるかどうかを考えました。練習後、問題は最終的に解決されました。
1：たとえば、Datagridはプロジェクトで使用されます。インターフェイスがより単純な場合- データグリッドは1つだけで、その属性をTRUEに適合するだけで、フォームに自動的に適応するように設定します。 Datagridの上に他のdivがある場合、Datagridはフォームに自動的に適応しません。 Datagridにページングコントロールがあることを確認すると、ページングコントロールが表示されません。この時点で、Easyi-Layoutを使用してフォームを分離して、特定のコンテンツをEasyi-Layoutのさまざまな部分に配置する必要があります。これにより、適応問題が非常にうまく解決されます。
コードは次のとおりです。
コードコピーは次のとおりです。<divdata-options = "fit：true">
<div data-options = "region： 'north'" style = "height：100px">
<表ID = "part1"> </table>
</div>
<div data-options = "region： 'center'">
<表ID = "part2"> </table>
</div>
</div>
2：ボディタグに基づくEasyUi-Layout。ブラウザのウィンドウサイズが変更されると、EasyUi-Layoutはウィンドウのサイズに応じてサイズを調整できます。 Divタグに基づくEasyUi-Layout。上記の機能を持ちたい場合は、EasyUi-LayoutプロパティをTrueに等しく設定する必要があります。
ケース1：
次のようにコードをコピーします：<body>
<div data-options = "region： 'north'" style = "height：100px">
<表ID = "part1"> </table>
</div>
<div data-options = "region： 'center'">
<表ID = "part2"> </table>
</div>
</div>
ケース2：
コードコピーは次のとおりです。<divdata-options = "fit：true">
<div data-options = "region： 'north'" style = "height：100px">
<表ID = "part1"> </table>
</div>
<div data-options = "region： 'center'">
<表ID = "part2"> </table>
</div>
</div>
3：HTMLでEasyiを定義する場合、次の2つの執筆方法は同じです。つまり、easyiコントロールのプロパティは、DataOptionsプロパティに記述できます。または、これらのプロパティはタグに記述できます。
書き込み方法1：
コードコピーは次のとおりです。<divdata-options = "fit：true">
<div data-options = "region： 'north'" style = "height：100px">
<表ID = "part1"> </table>
</div>
<div data-options = "region： 'center'">
<表ID = "part2"> </table>
</div>
</div>
書き込み方法2：
次のようにコードをコピーします：<divfit = "true">
<div region = "north" style = "height：100px;">
<表ID = "part1"> </table>
</div>
<div region = "center">
<表ID = "part2"> </table>
</div>
</div>
上記は、EasyUIの非常に適応性のあるコンテンツのすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。