Question

是否可以展开.dialog以适应内容？我知道我可以设置宽度，高度属性。我有一个将有N行的表。我希望对话框显示整个表格。仅当表格大小超出浏览器窗口大小时才显示滚动条。

这可能吗？

Answer 1

应该不是问题。首先计算视口的高度。然后将高度指定给dialog - 属性。不知怎的，这样：

var windowHeight = $(window).height();
$('.myTable').dialog({'height': windowHeight});
// or use the maxHeight-property...

Answer 2

你能否指定“auto”作为height属性的值？来自docs：

对话框的高度，以像素为单位。还支持指定“自动”以使对话框根据其内容进行调整。

Answer 3

加上faileN的答案，如果你想根据窗口大小显示整个表格，你可以将它的高度设置为寡妇大小。

var wHeight= $(window).height();
var wWidth = $(window).width();

$('.myTable).dialog({'height': wHeight, 'width':wWidth });

Answer 4

做类似的事情：

var $table = $("#tableId"),
    $window = $(window);

$table.dialog({

    // other properties set here ...

    maxHeight: $window.height() - 50,
    maxWidth: $window.width() - 50,
    height: $table.outerHeight(true) + 50,
    width: $table.outerWidth(true) + 50

});

// I always give some room, hence the 50

$ .dialogue（）动态调整大小

4 个答案: