Baru-baru ini, saya telah mengubah proyek yang saya tulis sebelumnya untuk menggunakan Easyi sebagai front-end. Saya mengalami banyak masalah dalam prosesnya. Salah satunya adalah bahwa Datagrid tidak dapat ditata dengan baik. Saya telah memikirkan banyak cara dan memiliki keterbatasan terbatas. Akhirnya, saya memikirkan apakah itu masalah tata letak. Setelah latihan, masalah akhirnya diselesaikan.
1: Misalnya, Datagrid digunakan dalam proyek. Jika antarmuka lebih sederhana - hanya ada satu datagrid, cukup atur atributnya sesuai dengan true untuk secara otomatis beradaptasi dengan formulir. Jika ada div lain di atas datagrid, Datagrid tidak akan secara otomatis beradaptasi dengan formulir. Jika Anda memeriksa bahwa Datagrid memiliki kontrol paging, Anda tidak akan dapat melihat kontrol paging. Pada saat ini, layi-layout harus digunakan untuk memisahkan formulir untuk meletakkan konten spesifik di berbagai bagian lerai mudah. Ini akan menyelesaikan masalah adaptif dengan sangat baik.
Kodenya adalah sebagai berikut:
Salinan kode adalah sebagai berikut: <divdata-options = "fit: true">
<Div data-options = "region: 'utara'" style = "height: 100px">
<Table ID = "Part1"> </able>
</div>
<Div data-options = "region: 'center'">
<Table ID = "Part2"> </able>
</div>
</div>
2: Easyui-layout berdasarkan tag tubuh. Saat ukuran jendela browser berubah, lerai mudah dapat menyesuaikan ukurannya sesuai dengan ukuran jendela. Easyui-layout berdasarkan tag div. Jika Anda ingin memiliki fungsi di atas, Anda harus mengatur properti Easyui-Layout yang sesuai dengan True.
Kasus 1:
Salin kode sebagai berikut: <tody>
<Div data-options = "region: 'utara'" style = "height: 100px">
<Table ID = "Part1"> </able>
</div>
<Div data-options = "region: 'center'">
<Table ID = "Part2"> </able>
</div>
</div>
Kasus 2:
Salinan kode adalah sebagai berikut: <divdata-options = "fit: true">
<Div data-options = "region: 'utara'" style = "height: 100px">
<Table ID = "Part1"> </able>
</div>
<Div data-options = "region: 'center'">
<Table ID = "Part2"> </able>
</div>
</div>
3: Saat mendefinisikan Easyi dalam HTML, dua metode penulisan berikut adalah sama. Artinya, sifat -sifat kontrol Easyi dapat ditulis dalam properti DataOptions, atau properti ini dapat ditulis pada tag.
Metode Menulis 1:
Salinan kode adalah sebagai berikut: <divdata-options = "fit: true">
<Div data-options = "region: 'utara'" style = "height: 100px">
<Table ID = "Part1"> </able>
</div>
<Div data-options = "region: 'center'">
<Table ID = "Part2"> </able>
</div>
</div>
Metode Menulis 2:
Salin kode sebagai berikut: <divfit = "true">
<Div region = "utara" style = "tinggi: 100px;">
<Table ID = "Part1"> </able>
</div>
<Div Region = "Center">
<Table ID = "Part2"> </able>
</div>
</div>
Di atas adalah semua konten konten Easyui yang sangat mudah beradaptasi. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.