2011-09-29 9 views
1

내 jqgrid 내부에 호출기가 있습니다. 호출기에서 rowList 옵션을 사용할 수 있습니다.이 옵션을 사용하면 한 번에 10/20 이상의 행이 표시되도록 선택할 수 있습니다. 문제는 선택 상자를 완전히 볼 수 없다는 것입니다.Jqgrid 행 목록 선택 상자

예 :

enter image description here

http://imageshack.us/photo/my-images/849/unledevx.png/가 완전히 표시 할 수있는 방법이 있습니까? 이 항목에 대한 CSS 옵션을 찾으려고했지만 couldnt 찾을 수 있습니다.

답변

1

ui.jqgrid.css

.ui-jqgrid .ui-pg-selbox { 
    font-size:.8em; 
    line-height:18px; 
    display:block; 
    height:18px; 
    margin: 0em; 
} 

the line 58에서 CSS 설정은 글꼴 크기에 대한 책임이 있습니다. 매우 넓은 호출기 입력 필드 (ui-pg-input)에 또 다른 문제점이 있습니다.

이유는 다음을 수 없다 :

  • 더 나 HTML 파일의 시작 부분에 <!DOCTYPE html ...> 잘못된
  • 는 호출기 입력 필드를 해결하기 위해 input.ui-pg-input { width: auto; }를 추가 (here 참조). ASP.NET MVC를 사용하는 경우 추가적으로 this post을 참조하십시오.
  • IE의 "호환성보기"를 사용합니다 (here 포함). 페이지의 <head><meta http-equiv="X-UA-Compatible" content="IE=edge" />을 추가하여 문제가있는 경우 문제를 해결할 수 있습니다.

어떤 식 으로든 CSS 문제가 있습니다. 스타일을 검사하려면 IE 개발자 도구 (F12 누르기)를 사용할 수 있습니다.

+0

페이저의 높이가 문제를 해결했습니다. 감사합니다. – Timsen

+0

@ 킴슨 : 오신 것을 환영합니다! – Oleg