jquery对话限制高度

问题描述:

我正在使用一个jquery对话框,它打开了按钮单击。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); 
      } 
     }); 
    }); 

有没有人有解决方案?

编辑

您可以使用height检索对象的高度,并检查它针对一个变量

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

嘿Dan_vitch!谢谢 !你已经回答了我的问题,但我有另一个问题。我不能使用height:200,因为gridview中的一些元素可能只有1或2行,在这种情况下,弹出窗口会显示空白空间。我用maxHeight:700而不是height:200,滚动功能不起作用。你知道这个解决方案吗?让我知道我可以把它作为一个新的问题。 – CodeNinja

+1

我做了编辑。让我知道这个是否奏效。 –

+0

+1你是男人! :-) 万分感谢 ! – CodeNinja