최근에 Easyi를 프론트 엔드로 사용하기 전에 쓴 프로젝트를 변경했습니다. 그 과정에서 많은 문제가 발생했습니다. 그들 중 하나는 Datagrid가 잘 배치 될 수 없다는 것입니다. 나는 여러 가지 방법을 생각했고 제한된 제한 사항이 있습니다. 마지막으로, 나는 그것이 레이아웃 문제인지에 대해 생각했습니다. 연습 후, 문제가 마침내 해결되었습니다.
1 : 예를 들어, Datagrid는 프로젝트에 사용됩니다. 인터페이스가 더 간단한 경우 - 하나의 Datagrid 만 있으면 속성을 맞추기 만하면 양식에 자동으로 적응할 수 있습니다. DataGrid 위에 다른 div가있는 경우 Datagrid는 양식에 자동으로 적응하지 않습니다. Datagrid에 페이징 컨트롤이 있는지 확인하면 페이징 컨트롤을 볼 수 없습니다. 현재 Easyi-Layout을 사용하여 양식을 분리하여 특정 컨텐츠를 Easyi-Layout의 다른 부분에 넣어야합니다. 이것은 적응 형 문제를 매우 잘 해결할 것입니다.
코드는 다음과 같습니다.
코드 사본은 다음과 같습니다. <divdata-options = "fit : true">
<div data-options = "지역 : 'North'"스타일 = "높이 : 100px">
<table id = "part1"> </table>
</div>
<div data-options = "지역 : '센터'">
<table id = "part2"> </table>
</div>
</div>
2 : 바디 태그를 기반으로 EasyUi-Layout. 브라우저 창 크기가 변경되면 EasyUi-Layout은 창 크기에 따라 크기를 조정할 수 있습니다. div 태그를 기반으로 한 EasyUi-Layout. 위의 함수를 원한다면 EasyUi-Layout 속성을 True와 동일하게 설정해야합니다.
Case 1:
다음과 같이 코드를 복사하십시오. <body>
<div data-options = "지역 : 'North'"스타일 = "높이 : 100px">
<table id = "part1"> </table>
</div>
<div data-options = "지역 : '센터'">
<table id = "part2"> </table>
</div>
</div>
Case 2:
코드 사본은 다음과 같습니다. <divdata-options = "fit : true">
<div data-options = "지역 : 'North'"스타일 = "높이 : 100px">
<table id = "part1"> </table>
</div>
<div data-options = "지역 : '센터'">
<table id = "part2"> </table>
</div>
</div>
3 : HTML에서 Easyi를 정의 할 때 다음 두 가지 작문 방법은 동일합니다. 즉, Easyi 컨트롤의 속성은 DataOptions 속성에 기록 될 수 있거나 이러한 속성은 태그에 기록 될 수 있습니다.
쓰기 방법 1 :
코드 사본은 다음과 같습니다. <divdata-options = "fit : true">
<div data-options = "지역 : 'North'"스타일 = "높이 : 100px">
<table id = "part1"> </table>
</div>
<div data-options = "지역 : '센터'">
<table id = "part2"> </table>
</div>
</div>
쓰기 방법 2 :
다음과 같이 코드를 복사하십시오. <divfit = "true">
<div region = "North"Style = "높이 : 100px;">
<table id = "part1"> </table>
</div>
<div region = "Center">
<table id = "part2"> </table>
</div>
</div>
위의 것은 EasyUi의 고도로 적응할 수있는 컨텐츠의 모든 내용입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.