2017-03-16 10 views
0

에 의존합니다 Y-크기가 아닌 경우있는 jqGrid 내가 다음과 같이 동적으로 크기를 조절 창에서 계산되는 크기있는 jqGrid가 ROWNUM이 수직 그리드 Y 크기

$(window).bind('resize', resizeTable); 
function resizeTable(){ 
    $("#jqGrid") 
     .setGridWidth($("#tableHolder").innerWidth()), 
     .setGridHeight($("#tableHolder").innerHeight()); 
}; 

일정 ROWNUM을 갖는, 스크롤 바는 그리드에 표시 지정된 수의 행을 유지하기에 충분합니다.

격자의 보이는 영역에 맞는 행만 표시하고 다른 행을 다음 페이지로 이동하고 스크롤 막대가 없도록 rowNum을 자동으로 계산하려고합니다. 그게 가능하니?

+1

자세한 내용을 설명하기 위해 코드 또는 이미지를 게시하십시오. 현재 행동은 무엇입니까? 그리고 당신이 원하는 것을 –

답변

0

당신은 당신은 창 크기를 조정하고있는 기반으로 크기를 계산하는 방법을 질문 에 포함되지 않는 더 중요한 옵션이있는 jqGrid의 사용자가 설정 및 당신이 설정 한 경우 (이 콜백/이벤트).

일반적으로 height 또는 rowNum을 설정할 수 있습니다. 필자는 개인적으로 rowNum (윈도우 크기에 따라 계산 된 값)을 지정하고 height: "auto" (기본값은 height)을 free jqGrid에 사용하는 것을 선호합니다. 결과적으로 그리드에는 세로 스크롤 막대가 생기지 않습니다.

는 또한 나는 그리드의 행의 높이가 변수이 될 수 있다면 대신를 botom 호출기 (pager 옵션)의 상단 호출기 (toppager: true)를 사용하는 것을 선호합니다.

+0

답해 주셔서 감사합니다. 나는 더 쉽게 사용할 수있는 기능이 내장되어 있기를 기대했지만,'height : "auto"'와'rowNum'을 설정하는 것이 좋은 지적입니다. 그런데 행 높이를 얻는 쉬운 방법이 있습니까? –

+0

@VictorK .: 환영합니다! 행은 단지''입니다. 따라서 [jQuery.height] (http://api.jquery.com/height/) 또는 [jQuery.outerHeight] (http://api.jquery.com/outerheight/)를 사용할 수 있습니다. – Oleg

+0

쿨! 고마워,하지만 그건 그리드가 그려진 후 얼마되지 않을거야. 나는 그걸 예측할 방법이 없다고 생각한다. ... –