Недавно я изменил проект, который написал ранее, чтобы использовать Edyi в качестве фронтального. Я столкнулся с множеством проблем в процессе. Одним из них является то, что DataGrid не может быть хорошо проложен. Я думал о многих способах и имею ограниченные ограничения. Наконец, я подумал о том, была ли это проблемой макета. После практики проблема была окончательно решена.
1: Например, DataGrid используется в проекте. Если интерфейс проще - существует только один DataGrid, просто установите его атрибут для автоматической адаптации к форме. Если выше DOV, DATAGRID, DataGrid не будет автоматически адаптироваться к форме. Если вы проверите, что DataGrid имеет элементы управления пейджингом, вы не сможете увидеть элементы управления Paging. В настоящее время easyi-layout следует использовать для разделения формы, чтобы поместить конкретный контент в разные части Easy-Layout. Это очень хорошо решит адаптивную проблему.
Код заключается в следующем:
Кода кода выглядит следующим образом: <divdata-options = "fit: true">
<div Data-options = "region:" north '"style =" высота: 100px ">
<таблица идентификатора = "part1"> </table>
</div>
<div Data-options = "Region: 'Center'">
<таблица идентификатора = "part2"> </table>
</div>
</div>
2: easyui-layout на основе тега тела. Когда размер окна браузера изменяется, Easyui-Layout может регулировать его размер в зависимости от размера окна. Easyui-Layout на основе тегов div. Если вы хотите выполнить вышеуказанные функции, вы должны установить свойство easyui-layout, равное истину.
Случай 1:
Скопируйте код следующим образом: <body>
<div Data-options = "region:" north '"style =" высота: 100px ">
<таблица идентификатора = "part1"> </table>
</div>
<div Data-options = "Region: 'Center'">
<таблица идентификатора = "part2"> </table>
</div>
</div>
Случай 2:
Кода кода выглядит следующим образом: <divdata-options = "fit: true">
<div Data-options = "region:" north '"style =" высота: 100px ">
<таблица идентификатора = "part1"> </table>
</div>
<div Data-options = "Region: 'Center'">
<таблица идентификатора = "part2"> </table>
</div>
</div>
3: При определении eSyi в HTML следующие два метода написания одинаковы. То есть свойства управления ESYI могут быть записаны в свойстве DataOptions, или эти свойства могут быть записаны на теге.
Метод написания 1:
Кода кода выглядит следующим образом: <divdata-options = "fit: true">
<div Data-options = "region:" north '"style =" высота: 100px ">
<таблица идентификатора = "part1"> </table>
</div>
<div Data-options = "Region: 'Center'">
<таблица идентификатора = "part2"> </table>
</div>
</div>
Метод написания 2:
Скопируйте код следующим образом: <divfit = "true">
<div Region = "North" стиль = "высота: 100px;">
<таблица идентификатора = "part1"> </table>
</div>
<div Region = "Center">
<таблица идентификатора = "part2"> </table>
</div>
</div>
Вышеуказанное - все содержание очень адаптируемого контента Easyui. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.