$ .dialogue() 동적 크기 조정

Question

.dialog 콘텐츠를 확장 할 수 있습니까? width, height 속성을 설정할 수 있다는 것을 알고 있습니다. N 개의 행을 가질 테이블이 있습니다. 대화 상자에 전체 표를 표시하고 싶습니다. 테이블 크기가 브라우저 창의 크기를 초과 할 때만 스크롤 막대를 표시하십시오.

이것이 가능합니까?

Answer 1

문제가되지 않아야합니다. 먼저 뷰포트의 높이를 계산하십시오. 그런 다음 높이를 dialog- 속성에 지정합니다. 어떻게 든이 같은 :

var windowHeight = $(window).height(); 
$('.myTable').dialog({'height': windowHeight}); 
// or use the maxHeight-property... 

Answer 2

"auto"를 height 속성의 값으로 지정할 수 없습니까? docs :

대화 상자의 높이 (픽셀 단위). 'auto'를 지정하면 내용에 따라 대화 상자를 조정할 수 있습니다.

Answer 3

플러스 faileN의 대답이 때문에 창 크기에 전체 테이블을 표시하려는 경우, 당신은 과부 크기 높이입니다 설정할 수 있습니다.

var wHeight= $(window).height(); 
var wWidth = $(window).width(); 

$('.myTable).dialog({'height': wHeight, 'width':wWidth }); 

Answer 4

수행과 같은 :

var $table = $("#tableId"), 
    $window = $(window); 

$table.dialog({ 

    // other properties set here ... 

    maxHeight: $window.height() - 50, 
    maxWidth: $window.width() - 50, 
    height: $table.outerHeight(true) + 50, 
    width: $table.outerWidth(true) + 50 

}); 

// I always give some room, hence the 50