动态更改jquery UI对话框的大小

Question

我有一个jquery对话框.我在对话框中显示一个asp.net gridview.我希望对话框的大小根据网格视图的大小进行更改.

有一个按钮,在单击时显示对话框.

我想设置对话框的大小,以便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();

从点击第二个按钮开始变为空.

有什么办法可以动态改变对话框的大小吗？

Answer 1

设置如

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

API