Recentemente, mudei um projeto que escrevi antes para usar o Easyi como o front-end. Eu encontrei muitos problemas no processo. Um deles é que o Datagrid não pode ser bem estabelecido. Eu pensei em várias maneiras e tenho limitações limitadas. Finalmente, pensei se era um problema de layout. Após o treino, o problema foi finalmente resolvido.
1: Por exemplo, o Datagrid é usado no projeto. Se a interface for mais simples - existe apenas um datagrid, basta definir seu atributo adequado para se adaptar automaticamente ao formulário. Se houver outras divs acima do Datagrid, o Datagrid não se adaptará automaticamente ao formulário. Se você verificar se o Datagrid possui controles de paginação, não poderá ver os controles de paginação. Neste momento, o Easyi-Layout deve ser usado para separar o formulário para colocar o conteúdo específico em diferentes partes do Easyi-Layout. Isso resolverá muito bem o problema adaptativo.
O código é o seguinte:
A cópia do código é a seguinte: <divdata-options = "fit: true">
<div data-options = "região: 'norte'" style = "altura: 100px">
<tabela id = "Part1"> </tabela>
</div>
<div data-options = "Region: 'Center'">
<tabela id = "Part2"> </tabela>
</div>
</div>
2: Easyui-layout com base na etiqueta corporal. Quando o tamanho da janela do navegador muda, o Easyui-Layout pode ajustar seu tamanho de acordo com o tamanho da janela. Easyui-layout com base em tags div. Se você deseja ter as funções acima, deve definir a propriedade Easyui-Layout se encaixar igual a TRUE.
Caso 1:
Copie o código da seguinte forma: <body>
<div data-options = "região: 'norte'" style = "altura: 100px">
<tabela id = "Part1"> </tabela>
</div>
<div data-options = "Region: 'Center'">
<tabela id = "Part2"> </tabela>
</div>
</div>
Caso 2:
A cópia do código é a seguinte: <divdata-options = "fit: true">
<div data-options = "região: 'norte'" style = "altura: 100px">
<tabela id = "Part1"> </tabela>
</div>
<div data-options = "Region: 'Center'">
<tabela id = "Part2"> </tabela>
</div>
</div>
3: Ao definir o Easyi no HTML, os dois métodos de escrita a seguir são os mesmos. Ou seja, as propriedades do controle Easyi podem ser gravadas na propriedade DataOptions, ou essas propriedades podem ser gravadas na tag.
Método de escrita 1:
A cópia do código é a seguinte: <divdata-options = "fit: true">
<div data-options = "região: 'norte'" style = "altura: 100px">
<tabela id = "Part1"> </tabela>
</div>
<div data-options = "Region: 'Center'">
<tabela id = "Part2"> </tabela>
</div>
</div>
Método de escrita 2:
Copie o código da seguinte forma: <divfit = "true">
<div region = "norte" style = "altura: 100px;">
<tabela id = "Part1"> </tabela>
</div>
<div region = "Center">
<tabela id = "Part2"> </tabela>
</div>
</div>
O exposto acima é todo o conteúdo do conteúdo altamente adaptável da Easyui. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.