Recientemente, he cambiado un proyecto que escribí antes para usar Easyi como front-end. Encontré muchos problemas en el proceso. Uno de ellos es que DataGrid no puede estar bien diseñado. He pensado en muchas maneras y tengo limitaciones limitadas. Finalmente, pensé en si era un problema de diseño. Después de la práctica, el problema finalmente se resolvió.
1: Por ejemplo, DataGrid se usa en el proyecto. Si la interfaz es más simple : solo hay un DataGrid, simplemente configure su ajuste de atributo en verdadero para adaptarse automáticamente al formulario. Si hay otros divs por encima del DataGrid, DataGrid no se adaptará automáticamente al formulario. Si verifica que DataGrid tiene controles de paginación, no podrá ver los controles de paginación. En este momento, EasyI-Layout debe usarse para separar el formulario para colocar el contenido específico en diferentes partes de EasyI-Layout. Esto resolverá muy bien el problema adaptativo.
El código es el siguiente:
La copia del código es la siguiente: <divdata-options = "fit: true">
<div data-options = "región: 'norte'" estilo = "altura: 100px">
<table id = "parte1"> </table>
</div>
<div data-options = "región: 'centro'">
<table id = "parte2"> </table>
</div>
</div>
2: Easyui-Layout basado en la etiqueta del cuerpo. Cuando cambia el tamaño de la ventana del navegador, EasyUi-Layout puede ajustar su tamaño de acuerdo con el tamaño de la ventana. Easyui-Layout basado en etiquetas Div. Si desea tener las funciones anteriores, debe establecer el ajuste de propiedad EasyUi-Layout igual a verdadero.
Caso 1:
Copie el código de la siguiente manera: <Body>
<div data-options = "región: 'norte'" estilo = "altura: 100px">
<table id = "parte1"> </table>
</div>
<div data-options = "región: 'centro'">
<table id = "parte2"> </table>
</div>
</div>
Caso 2:
La copia del código es la siguiente: <divdata-options = "fit: true">
<div data-options = "región: 'norte'" estilo = "altura: 100px">
<table id = "parte1"> </table>
</div>
<div data-options = "región: 'centro'">
<table id = "parte2"> </table>
</div>
</div>
3: Al definir Easyi en HTML, los siguientes dos métodos de escritura son los mismos. Es decir, las propiedades del control EasyI se pueden escribir en la propiedad DataOptions, o estas propiedades se pueden escribir en la etiqueta.
Método de escritura 1:
La copia del código es la siguiente: <divdata-options = "fit: true">
<div data-options = "región: 'norte'" estilo = "altura: 100px">
<table id = "parte1"> </table>
</div>
<div data-options = "región: 'centro'">
<table id = "parte2"> </table>
</div>
</div>
Método de escritura 2:
Copie el código de la siguiente manera: <divfit = "true">
<Div Region = "North" Style = "Altura: 100px;">
<table id = "parte1"> </table>
</div>
<Div Region = "Center">
<table id = "parte2"> </table>
</div>
</div>
Lo anterior es todo el contenido del contenido altamente adaptable de Easyui. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.