Динамическое изменение динамического интерфейса jquery UI

Question

У меня есть диалоговое окно jquery. Я отображаю gridview asp.net в диалоговом окне. Я хочу изменить размер диалогового окна в зависимости от размера сетки.

Существует кнопка, которая показывает диалог при нажатии.

Я хочу установить размер диалогового окна таким образом, чтобы gridview идеально вписывался в него.

I have my javascript code below : 



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

      }); 

Здесь #ViewModalPopup - это div, который включает модальное всплывающее окно.

Я попытался реализации следующую логику, чтобы регулировать высоту диалога на основе размера DIV:

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 

       }); 

Но это не работает, как

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

выходит, чтобы быть null от второго нажатия кнопки.

Есть ли способ изменить динамическое изменение диалогов?

Answer 1

Установить как

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

API