Jquery对话限制高度

Question

我正在使用一个jquery对话框，在按钮点击时打开。

jquery对话框中有一个网格视图。

有时在gridview中有很多行，在这种情况下，对话框从顶部延伸    屏幕到底部。

我想限制对话框的大小并添加滚动条。

我尝试了如下所示的所有以下设置的组合，但它仍然无法正常工作。

 $(function () {
        $("#Div1").dialog({
                    height: 140,
                    modal: true
             autoOpen: false,
            modal: true,
            MinHeight: '20',
            maxHeight: '400',
            width: '700',
            scroll: true,
            resizable: false,
            create: function () {
                $(this).css("maxHeight", 400);
            }
        });
    });

有没有人有解决方案？

Answer 1

修改

您可以使用height检索对象的高度，并根据变量

进行检查

var maxHeight = 200;
var currentHeight = $('#gridviewContainer').height(); 
var desiredHeight = (currentHeight  < maxHeight ) ? currentHeight : maxHeight;
.dialog({
    height: desiredHeight,
    scrollable: true
});