Jquery 对话框限制高度

【问题标题】：Jquery Dialog Limit HeightJquery 对话框限制高度
【发布时间】：2013-07-24 22:35:14
【问题描述】：

我正在使用一个在单击按钮时打开的 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);
            }
        });
    });

有人有解决办法吗？

【问题讨论】：

标签： c# jquery jquery-ui

【解决方案1】：

编辑

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

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

【讨论】：

嘿 Dan_vitch ！谢谢！你已经回答了我的问题，但我还有另一个问题。我不能使用 height: 200 ，因为 gridview 中的某些元素只能有 1 或 2 行，在这种情况下，弹出窗口会显示 empty space 。我使用 maxHeight : 700 而不是 height : 200 并且可滚动功能不起作用。你知道这个的解决方案吗？让我知道我可以提出一个新问题。
嘿 dan_vitch ！你能看看你是否知道这个问题的答案：stackoverflow.com/questions/17865797/…