2013-07-24 41 views
0

我正在使用一個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); 
      } 
     }); 
    }); 

有沒有人有解決方案?

回答

1

編輯

您可以使用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