2016-12-07 3 views

답변

0

내가 원하는 것을 정확히 이해하면 pager: true 대신 (또는 함께) toppager: true을 사용해야합니다. 그런데 caption 매개 변수 jqGrid를 제거하여 표가없고 자막이 없어도됩니다. 결과적으로 그리드 위에 네비게이터 버튼이있는 그리드가 생깁니다.

업데이트 : 당신은 병합에 pagerposrecordpos 옵션을 사용할 수 있습니다 네비게이터 버튼, 호출기 정보와 블록 및 viewrecords: true 추가 정보와 함께 <span>. 추가 CSS 규칙을 사용하여 정보를 더 잘 표시 할 수 있습니다. 예를 들어

.ui-pager-control>.ui-pg-table>tbody>tr>td>table.ui-pg-table { 
    display: inline-block; 
    top: .6em; 
} 
.ui-pager-control>.ui-pg-table>tbody>tr>td>.ui-paging-info { 
    display: inline-block; 
    float: right; 
    margin-top: 1.2em; 
} 
+0

과 같은 CSS 규칙을 시도해 볼 수 있습니다. 나는 toppager로 시도했다. 그러나 이것은 단지 테이블 헤더 위의 새로운 바 (bar) 위에 버튼과 페이징을 복사하는 것이다. 제 경우에는 여러 개의 버튼이 있기 때문에 세로 모드에서 iPad와 같은 작은 화면에로드하면 버튼이 왼쪽 페이지와 오른쪽 버튼과 겹칩니다. 내가하고 싶은 것은 호출기와 같은 막대 대신 캡션/제목 표시 줄로 단추를 이동하는 것입니다. – MarkT

+0

@MarkT : 나는 아직도 toppager의 사용법이 표준적인 방법이라는 것에 차이점이 없음을 안다. 상단 호출기의 다른 모든 문제점은 쉽게 해결할 수 있습니다. 예를 들어,'pagerLeftWidth'와'pagerRightWidth' 옵션을 사용하여 호출기의 특정 부분을 예약 할 수 있습니다. 'pagerLeftWidth : 680'과 같은 것을 그리드에 추가하십시오. 'viewrecords : true'를 제거하면 호출기에 장소를 저장하는 등의 작업을 할 수 있습니다. – Oleg

+0

@ MarkT : 페이저에서 정보의 위치를 ​​변경하기 위해'pagerpos'와'recordpos' 옵션을 사용할 수 있다는 것을 잊지 마십시오. 예를 들어'pagerpos : "left", recordpos : "left"'를 사용하여 호출기의 왼쪽 부분에 3 개의 정보 파트를 모두 배치 할 수 있습니다. 다른 CSS 속성 (예 :'display : inline-block;'등)을 사용하거나'div. 뒤에'span.ui-paging-info'와'table.ui-pg-table'의 순서를 바꿀 수 있습니다. 'jqGrid_toppager_left'의 "navtable"안에 있습니다. – Oleg