Vor kurzem habe ich ein Projekt geändert, das ich zuvor geschrieben habe, um Easyi als Front-End zu verwenden. Ich habe im Prozess viele Probleme gestoßen. Einer von ihnen ist, dass DataGrid nicht gut angelegt werden kann. Ich habe über viele Möglichkeiten nachgedacht und habe begrenzte Einschränkungen. Schließlich dachte ich darüber nach, ob es ein Layoutproblem war. Nach dem Training wurde das Problem schließlich gelöst.
1: Zum Beispiel wird DataGrid im Projekt verwendet. Wenn die Schnittstelle einfacher ist - es gibt nur ein DataGrid. Setzen Sie einfach das Attribut an wahr, um sich automatisch an das Formular anzupassen. Wenn es über dem DataGrid andere Divs gibt, passt DataGrid nicht automatisch an das Formular an. Wenn Sie überprüfen, ob DataGrid über Paging -Steuerelemente verfügt, können Sie die Paging -Steuerelemente nicht sehen. Zu diesem Zeitpunkt sollte Easyi-Layout verwendet werden, um das Formular zu trennen, um den spezifischen Inhalt in verschiedenen Teilen von Easyi-Layout zu setzen. Dies wird das adaptive Problem sehr gut lösen.
Der Code ist wie folgt:
Die Codekopie lautet wie folgt: <divdata-options = "fit: true">
<div data-options = "Region: 'North'" style = "Höhe: 100px">
<table id = "part1"> </table>
</div>
<div data-options = "Region: 'Center'">
<table id = "part2"> </table>
</div>
</div>
2: Easyui-Layout basierend auf dem Körpermarke. Wenn sich die Größe der Browserfenster ändert, kann Easyui-Layout seine Größe entsprechend der Größe des Fensters einstellen. EasyUi-Layout basierend auf Div-Tags. Wenn Sie über die oben genannten Funktionen verfügen möchten, müssen Sie die Easyui-Layout-Eigenschaft feststellen, die dem wahr ist.
Fall 1:
Kopieren Sie den Code wie folgt: <Body>
<div data-options = "Region: 'North'" style = "Höhe: 100px">
<table id = "part1"> </table>
</div>
<div data-options = "Region: 'Center'">
<table id = "part2"> </table>
</div>
</div>
Fall 2:
Die Codekopie lautet wie folgt: <divdata-options = "fit: true">
<div data-options = "Region: 'North'" style = "Höhe: 100px">
<table id = "part1"> </table>
</div>
<div data-options = "Region: 'Center'">
<table id = "part2"> </table>
</div>
</div>
3: Wenn Sie Easyi in HTML definieren, sind die folgenden beiden Schreibmethoden gleich. Das heißt, die Eigenschaften der Easyi -Steuerung können in der DataOptions -Eigenschaft geschrieben werden, oder diese Eigenschaften können auf das Tag geschrieben werden.
Schreibmethode 1:
Die Codekopie lautet wie folgt: <divdata-options = "fit: true">
<div data-options = "Region: 'North'" style = "Höhe: 100px">
<table id = "part1"> </table>
</div>
<div data-options = "Region: 'Center'">
<table id = "part2"> </table>
</div>
</div>
Schreibmethode 2:
Kopieren Sie den Code wie folgt: <divfit = "true">
<div Region = "North" style = "Höhe: 100px;">
<table id = "part1"> </table>
</div>
<div Region = "Center">
<table id = "part2"> </table>
</div>
</div>
Das obige ist der gesamte Inhalt von EasyUis hoch anpassungsfähigen Inhalten. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.