如何在弹出对话框中更改jquery ui对话框宽度？

Question

在一个ASP.Net网页中，我创建了一个div和一个iFrame来弹出另一个页面，我想要做的是从对话框内部的一个按钮调整对话框宽度...

可能吗？ 谢谢...

Answer 1

是的，要从iframe中选择iframe以外的内容，请使用以下命令：

 $("#WhateverIWantOutsideIframe", window.parent.document);

所以从iframe中做到这一点

$('#InsideButton').on('click',function(){
   $("#DialogOutsideIframe", window.parent.document).width(9000);
});

Answer 2

var dlgContainer = $('#container');

dlgContainer.dialog({
.
.
open : function(){
    dlgContainer.find('#width-change-button').on('click' , function(){ 
        dialogBox.closest('.ui-dialog').css('width', '700px'); //or use .width()
    });
});