javascript - easyui1.5 DataGrid의 페이지 매김 표시가 정상이 아닙니다. 도와주세요.
1. 문제 설명: easyui1.5를 사용할 때 DataGrid에서 툴바를 사용하면 DataGrid의 페이징 컨트롤이 제대로 표시되지 않는 것을 발견했습니다! 그림과 같이 몇 px 아래로 이동하세요.
2. 디버깅 후 발견 사항(2점):
1. DataGrid 도구 모음에는 두 가지 구현 방법이 있습니다.
두 구현 모두
2. 브라우저 창의 크기를 조정(약간 축소 또는 약간 확대)하면 페이징 표시가 즉시 정상으로 표시됩니다. ps: 초기화가 안된거 같네요~~
3. 질문 코드:
<code> <script> $(function(){ $('#category').datagrid({ url: '{:U("Category/getList")}', border: false, toolbar: '#tbar', fit: true, columns:[[ {field:'id',checkbox:true}, {field:'sort',title:'排序',width:100}, {field:'name',title:'栏目名称',width:100}, {field:'create_time',title:'创建时间',width:100}, ]], pagination: true, fitColumns: true, rownumbers: true, data: [ { "id": 1, "sort": 1, "name": "助力海东", "create_time": "2016-08-15 15:13:87" }, { "id": 2, "sort": 2, "name": "助力海东", "create_time": "2016-08-15 15:13:87" } ] }); }); </script> <table id="category"></table> <div id="tbar" style="padding: 5px;"> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">新增</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除</a> </div> </code>
같은 문제가 있으면 도와주세요. 감사합니다
답글 내용:
1. 문제 설명: easyui1.5를 사용할 때 DataGrid에서 툴바를 사용하면 DataGrid의 페이징 컨트롤이 제대로 표시되지 않는 것을 발견했습니다! 그림과 같이 몇 px 아래로 이동하세요.
2. 디버깅 후 발견 사항(2점):
1. DataGrid 도구 모음에는 두 가지 구현 방법이 있습니다.
두 구현 모두
2. 브라우저 창의 크기를 조정(약간 축소 또는 약간 확대)하면 페이징 표시가 즉시 정상으로 표시됩니다. ps: 초기화가 안된거 같네요~~
3. 질문 코드:
<code> <script> $(function(){ $('#category').datagrid({ url: '{:U("Category/getList")}', border: false, toolbar: '#tbar', fit: true, columns:[[ {field:'id',checkbox:true}, {field:'sort',title:'排序',width:100}, {field:'name',title:'栏目名称',width:100}, {field:'create_time',title:'创建时间',width:100}, ]], pagination: true, fitColumns: true, rownumbers: true, data: [ { "id": 1, "sort": 1, "name": "助力海东", "create_time": "2016-08-15 15:13:87" }, { "id": 2, "sort": 2, "name": "助力海东", "create_time": "2016-08-15 15:13:87" } ] }); }); </script> <table id="category"></table> <div id="tbar" style="padding: 5px;"> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">新增</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除</a> </div> </code>
같은 문제가 있으면 도와주세요. 감사합니다
1. js 배열을 사용하여 작성하면 문제가 없습니다.
2. 창을 변경하는 동안 디스플레이가 정상적으로 표시되는 상황을 많이 겪었는데, 이는 처음으로 정상이 아닌 것 같습니다. easyui가 처음으로 폼의 높이를 가져옵니다. 시간을 정한 다음 페이지를 렌더링하지만 툴바를 작성하면 그 높이가 없으면 당연히 툴바가 표시될 때 페이지가 한 부분 아래로 내려갈 것이라고 생각했습니다. 높이 속성을 추가해 볼 수 있습니다
<code> height : $('#**').height()-**, pagination : true, </code>

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











vue.js에서 bootstrap 사용은 5 단계로 나뉩니다 : Bootstrap 설치. main.js.의 부트 스트랩 가져 오기 부트 스트랩 구성 요소를 템플릿에서 직접 사용하십시오. 선택 사항 : 사용자 정의 스타일. 선택 사항 : 플러그인을 사용하십시오.

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

React는 JSX와 HTML을 결합하여 사용자 경험을 향상시킵니다. 1) JSX는 개발을보다 직관적으로 만들기 위해 HTML을 포함시킨다. 2) 가상 DOM 메커니즘은 성능을 최적화하고 DOM 운영을 줄입니다. 3) 유지 보수성을 향상시키기위한 구성 요소 기반 관리 UI. 4) 상태 관리 및 이벤트 처리는 상호 작용을 향상시킵니다.

PHP에서 최종 키워드는 클래스가 상속되고 메소드가 덮어 쓰는 것을 방지하는 데 사용됩니다. 1) 클래스를 최종적으로 표시 할 때는 수업을 상속받을 수 없습니다. 2) 메소드를 최종으로 표시 할 때는 메소드를 서브 클래스로 다시 작성할 수 없습니다. 최종 키워드를 사용하면 코드의 안정성과 보안이 보장됩니다.

PHP의 미래는 새로운 기술 트렌드에 적응하고 혁신적인 기능을 도입함으로써 달성 될 것입니다. 1) 클라우드 컴퓨팅, 컨테이너화 및 마이크로 서비스 아키텍처에 적응, Docker 및 Kubernetes 지원; 2) 성능 및 데이터 처리 효율을 향상시키기 위해 JIT 컴파일러 및 열거 유형을 도입합니다. 3) 지속적으로 성능을 최적화하고 모범 사례를 홍보합니다.

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

PHP와 Python은 각각 고유 한 장점이 있으며 선택은 프로젝트 요구 사항을 기반으로해야합니다. 1.PHP는 간단한 구문과 높은 실행 효율로 웹 개발에 적합합니다. 2. Python은 간결한 구문 및 풍부한 라이브러리를 갖춘 데이터 과학 및 기계 학습에 적합합니다.
