jQuery UI에서 대화 상자를 열고 전체 브라우저 창을 채우려면 어떻게해야합니까?

I가 내가 대화 상자를 만들 때 사용하는 다음 코드를jQuery UI에서 대화 상자를 열고 전체 브라우저 창을 채우려면 어떻게해야합니까?

(function ($) { 
    $.fn.createCommonDialog = function() { 
     this.dialog({ 
      autoOpen: false, 
      modal: true, 
      resizable: true, 
      draggable: true, 
      height: 'auto', 
      width: 875, 
      buttons: { 
       "Submit": function() { 
        tinyMCE.triggerSave(); 
        $("#update-message").html(''); 
        $("#dialogForm").submit(); 
       }, 
       "Cancel": function() { 
        $(this).dialog("close"); 
       } 
      }, 
      open: function (event, ui) { 

      } 
     }); 
    }; 
})(jQuery);

을 내가 함께 대화 상자를 열 생각 다음

var dialogDiv = $('#commonDialog'); 
    dialogDiv.dialog('option', 'title', action + ': ' + viewID) 
    dialogDiv.dialog('open');

이 코드를 수정할 수있는 방법을 누군가가 말해 줄래 대화 상자를 열고 브라우저 화면을 채울 수있는 옵션이 있습니까? 코드에는 더 많은 것이 있지만 대화 상자를 여는 것과 관련된 중요한 부분을 포함 시켰습니다.

출처

2012-03-02 Samantha J T Star

귀하의 createCommonDialog 플러그인이 대화 상자를 초기화 할뿐만 아니라 오픈 핸들러 옵션을 통과 할 수 모두에 사용될 수 있도록 몇 가지 작업을합니다 도움이 될 수 있습니다.

$.fn.openCommonDialog=function(action, viewID){ 
    var openOpts={ 
     width: $(window).width()-10, 
     height: $(window).height()-10, 
     'title': action + ': ' + viewID 
    } 

    $(this).dialog('option', openOpts).dialog('open'); 

}; 

$('#commonDialog').openCommonDialog('my action', 765);

출처

2012-03-02 13:07:18 charlietfl

이 불완전 점에서, : 윈도우

당신의 라인을 따라 별도의 open 함수 뭔가를 만들 수의 크기를 조정하기위한 주요 create에서 열기 옵션 nstead 같은 폭과 높이를 전달

허용 함수는 크기를 계산해야합니다. 사람들은'$ (window) .resize (10), height : $ (window) .height() -10,});});'이 끝날 때. 또한 개인적으로 크기는 var 여야하지만 개인적인 취향입니다. D –

@jeremyBass_DC는 UI에 따라 다르며 대화 상자가 열려있는 동안 사용자의 크기가 조정될 것으로 예상되는 경우 필요합니다. 많은 UI에서 다이얼로그를 사용할 가능성은 사용자가 – charlietfl

예가 아닐 수 있지만 선택 사항이지만 UI가 파손될 가능성은 낮습니다. 나는 그것이 상세한 것이지만 그것이 우리의 일이라는 것을 안다. 그러나 예를 들어 100 % 사용자가하지 않고 할 수 있고, 사용자가 페이지를로드 한 후 Windows 스냅 기능을 사용하는 경우 페이지를 다시로드하게하십시오. –

이와 비슷한?

height: $(window).height(), 
width: $(window).width(),

그러면 대화 상자의 크기가 뷰포트와 동일하게됩니다. 브라우저 화면을 채우는 것이 무슨 뜻입니까?

출처

2012-03-02 12:31:49 Jon

height: $(window).height(), 
width: $(window).width(),

이

출처

2012-03-02 12:32:58 sandeep

jQuery UI에서 대화 상자를 열고 전체 브라우저 창을 채우려면 어떻게해야합니까?

답변

관련 문제