Dynamiczne zmienianie rozmiaru okna JQuery

Question

Mam okno dialogowe jquery. Wyświetlam gridview asp.net w oknie dialogowym. Chcę zmienić rozmiar okna dialogowego na podstawie rozmiaru widoku siatki.

Istnieje przycisk, który pokazuje okno dialogowe po kliknięciu.

Chcę ustawić rozmiar okna tak, aby gridview idealnie do niego pasował.

I have my javascript code below : 



$("#ViewModalPopup").dialog({ 
       height: 800px, 
       scrollable: true, 
       width: 800, 
       modal: true 

      }); 

Tutaj #ViewModalPopup to element div, który otacza modalne okno podręczne.

Próbowałem wykonawczych następującą logikę, aby wyregulować wysokość okna w oparciu o wielkości Gr:

var maxHeight = 600; 
      var currentHeight = $('#ViewModalPopup').height(); 

if (currentHeight < maxHeight) { 
       var desiredHeight = currentHeight 
       } 
      else 
      { 
       var desiredHeight = maxHeight; 
       } 

    $("#ViewModalPopup").dialog({ 
        height: desiredheight, 
        scrollable: true, 
        width: 800, 
        modal: true 

       }); 

Ale to nie działa jak

var currentHeight = $('#ViewModalPopup').height(); 

zbliża się null z drugiego przycisku kliknij.

Czy istnieje sposób dynamicznego zmieniania rozmiaru okna dialogowego?

Answer 1

Set jak

$("#ViewModalPopupDiv1").dialog("option", "maxHeight", 600); 

API