Récemment, j'ai changé un projet que j'ai écrit auparavant pour utiliser Easyi comme front-end. J'ai rencontré de nombreux problèmes dans le processus. L'un d'eux est que DataGrid ne peut pas être bien aménagé. J'ai pensé à de nombreuses façons et j'ai des limites limitées. Enfin, j'ai pensé si c'était un problème de mise en page. Après l'entraînement, le problème a finalement été résolu.
1: Par exemple, DataGrid est utilisé dans le projet. Si l'interface est plus simple - il n'y a qu'un seul dataGrid, définissez simplement son ajustement d'attribut à TRUE pour s'adapter automatiquement au formulaire. S'il y a d'autres divs au-dessus du dataGrid, DataGrid ne s'adaptera pas automatiquement au formulaire. Si vous vérifiez que DataGrid a des contrôles de pagination, vous ne pourrez pas voir les contrôles de pagination. À l'heure actuelle, Easyi-Layout doit être utilisé pour séparer le formulaire pour mettre le contenu spécifique dans différentes parties de Easyi-Layout. Cela résoudra très bien le problème adaptatif.
Le code est le suivant:
La copie de code est la suivante: <divdata-options = "fit: true">
<div data-options = "région: 'nord'" style = "hauteur: 100px">
<table id = "part1"> </ table>
</div>
<div data-options = "Region: 'Center'">
<table id = "part2"> </ table>
</div>
</div>
2: Easyui-Layout basé sur la balise corporelle. Lorsque la taille de la fenêtre du navigateur change, Easyui-Layout peut ajuster sa taille en fonction de la taille de la fenêtre. EasyUi-Layout basé sur les balises Div. Si vous souhaitez avoir les fonctions ci-dessus, vous devez définir la propriété EasyUi-Layout Ajustement égal à True.
Cas 1:
Copiez le code comme suit: <body>
<div data-options = "région: 'nord'" style = "hauteur: 100px">
<table id = "part1"> </ table>
</div>
<div data-options = "Region: 'Center'">
<table id = "part2"> </ table>
</div>
</div>
Cas 2:
La copie de code est la suivante: <divdata-options = "fit: true">
<div data-options = "région: 'nord'" style = "hauteur: 100px">
<table id = "part1"> </ table>
</div>
<div data-options = "Region: 'Center'">
<table id = "part2"> </ table>
</div>
</div>
3: Lors de la définition d'EasyI dans HTML, les deux méthodes d'écriture suivantes sont les mêmes. C'est-à-dire que les propriétés du contrôle Easyi peuvent être écrites dans la propriété DataOptions, ou ces propriétés peuvent être écrites sur la balise.
Méthode d'écriture 1:
La copie de code est la suivante: <divdata-options = "fit: true">
<div data-options = "région: 'nord'" style = "hauteur: 100px">
<table id = "part1"> </ table>
</div>
<div data-options = "Region: 'Center'">
<table id = "part2"> </ table>
</div>
</div>
Méthode d'écriture 2:
Copiez le code comme suit: <divfit = "true">
<div région = "nord" style = "hauteur: 100px;">
<table id = "part1"> </ table>
</div>
<div région = "Centre">
<table id = "part2"> </ table>
</div>
</div>
Ce qui précède est tout le contenu du contenu très adaptable d'Easyui. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.