2009-07-05 6 views
1

사용자가 링크를 클릭하여 외부 테이블 형식 데이터를 볼 때 창을 여는 VB.NET 웹 응용 프로그램이 있습니다. 필자가 표시하는 데이터에는 모든 것을보기 위해 수직 스크롤바가 필요합니다 ... 몇 가지 이유로 새 창이로드 될 때 세로 스크롤 막대를 표시 할 수 없습니다. 윈도우에 대응하여 Page_Load 방법은 열려있는HTML에 문제가 있습니까? window.open을 통해 스크롤 막대가 나타나지 않습니다.

function showDataTable(id, type) { 
var pageUrl = "queries/ReportData.aspx"; 
windowHandle = window.open(pageUrl, "FarmQuery", 'resizable=yes,scrollbars=yes'); 
windowHandle.focus(); 
} 

:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 
    Dim db As New UtilDb 
    Dim errMsg As String = "" 

    If (Not Page.IsPostBack) Then 
     db.OpenGeoDb(MyGlobals.GeodataServiceName, errMsg) 
     LoadFarmInfo(db, errMsg) 
     LoadQueryData(db, errMsg) 
     db.CloseGeoDb() 
    End If 
End Sub 

그리고 그것을 내가 스타일 = "오버 플로우 추가 가치가 무엇을 : 스크롤을 여기

창을 여는 JS의 ; " 데이터 테이블을 포함하는 div.

"페이지"의 나머지 부분이 처리 된 후 데이터 테이블이 렌더링되는 것처럼 보입니다. 어떤 제안?

수정

Firefox 및 IE에서 문제가 발생합니다. JS의 창 매개 변수 인수를 'resizable = yes, scrollbars = yes'에서 'resizable = yes, scrollbars = yes, toolbar = yes'로 수정하고 해당 옵션이 "작동 중"임을 나타내는 툴바를 표시했습니다.

불행히도 HTML을 게시 할 수 없습니다.

편집

여기

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title> 
    Farm Query 
</title><link href="../Default.css" type="text/css" rel="stylesheet" /><link  href="ReportData.css" type="text/css" rel="stylesheet" /></head> 
<body> 
    <form name="form1" method="post" action="ReportData.aspx?wfpId=DES-046&amp;type=1" id="form1"> 
<div> 
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> 
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> 
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="#" /> 
</div> 

<script type="text/javascript"> 
//<![CDATA[ 
var theForm = document.forms['form1']; 
if (!theForm) { 
    theForm = document.form1; 
} 
function __doPostBack(eventTarget, eventArgument) { 
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) { 
     theForm.__EVENTTARGET.value = eventTarget; 
    theForm.__EVENTARGUMENT.value = eventArgument; 
    theForm.submit(); 
    } 
} 
//]]> 
</script> 

<div> 

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAwKP2r/ZCgLbzub6CgKJ+/qJC4VfHXBxZJkelz+i1sSmIFdWB5tZ" /> 
</div> 
    <div style="overflow: auto;"> 

<table class="dxgvControl" cellspacing="0" cellpadding="0" id="FarmerInfoGridView" border="0" style="width:600px;border-collapse:collapse;border-collapse:separate;"> 
<tr> 
    <td><table id="FarmerInfoGridView_DXMainTable" class="dxgvTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;border-collapse:collapse;empty-cells:show;"> 
     <tr id="FarmerInfoGridView_DXDataRow0" class="dxgvDataRow"> 
      <td id="FarmerInfoGridView_tcrow0" colspan="7" style="border-right-width:0px;border-bottom-width:0px;"> 

        <table width="100%" cellpadding="5" cellspacing="5"> 
         <tr> 
          <td class="keyDescription">WFP ID:</td> 
          <td>asdf</td> 
         </tr> 
         <tr> 
          <td class="keyDescription">Name:</td> 

          <td>Name, Name</td> 
         </tr> 
         <tr> 
          <td class="keyDescription">Company Name:</td> 
          <td>Acme</td> 
         </tr> 
         <tr> 

          <td class="keyDescription">Address:</td> 
          <td>123 Lotus Lane</td> 
         </tr> 
         <tr> 
          <td class="keyDescription">City/State:</td> 
          <td>NY, NY</td> 
         </tr> 

         <tr> 
          <td class="keyDescription">Zip:</td> 
          <td>11111</td> 
         </tr> 
        </table> 
      </td> 
     </tr> 
    </table><img id="FarmerInfoGridView_IADD" src="#" alt="|" style="border-width:0px;position:absolute;visibility:hidden;" /><img id="FarmerInfoGridView_IADU" src="/SAM_Project/WebResource.axd" alt="|" style="border-width:0px;position:absolute;visibility:hidden;" /><img id="FarmerInfoGridView_IDHF" src="/SAM_Project/WebResource.axd" alt="Hide" style="border-width:0px;position:absolute;visibility:hidden;" /><div id="FarmerInfoGridView_LP" align="center" style="left:0px;top:0px;z-index:30000;display:none;"> 

     <table class="dxgvLoadingPanel" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;"> 
      <tr> 
       <td class="dx"><img src="/SAM_Project/WebResource.axd" alt="" align="middle" style="border-width:0px;" /></td><td class="dx" style="padding-left:0px;">Loading&hellip;</td> 
      </tr> 
     </table> 
    </div><div id="FarmerInfoGridView_LD" class="dxgvLoadingDiv" style="display:none;z-index:29999;position:absolute;"> 

    </div><input type="hidden" name="FarmerInfoGridView$DXSelInput" id="FarmerInfoGridView_DXSelInput" /><table id="FarmerInfoGridView_DXStyleTable" border="0" style="display:none;"> 
     <tr> 

      <td></td> 
     </tr><tr class="dxgvEditingErrorRow"> 
      <td class="dxgv" colspan="7" style="border-right-width:0px;"></td> 
     </tr><tr class="dxgvSelectedRow"> 
      <td></td> 
     </tr><tr class="dxgvFocusedRow"> 
      <td></td> 
     </tr><tr class="dxgvFocusedGroupRow"> 
      <td></td> 

     </tr><tr class="dxgvDataRow"> 
      <td></td> 
     </tr> 
    </table><input type="hidden" name="FarmerInfoGridView$CallbackState" id="FarmerInfoGridView_CallbackState" value="#" /></td> 
</tr> 
</table><script id="dxss_27477558" type="text/javascript"> 
<!-- 

var dxo = new ASPxClientGridView('FarmerInfoGridView'); 
window['FarmerInfoGridView'] = dxo; 
dxo.callBack = function(arg) {   WebForm_DoCallback('FarmerInfoGridView',arg,aspxCallback,'FarmerInfoGridView',aspxCallbackError,true);  }; 
dxo.callBacksEnabled=true; 
dxo.pageRowCount=1; 
dxo.pageRowSize=10; 
dxo.selectedWithoutPageRowCount=0; 
dxo.visibleStartIndex=0; 
dxo.focusedRowIndex=-1; 
dxo.allowFocusedRow=false; 
dxo.allowMultiSelection=false; 
dxo.isColumnsResizable=false; 
dxo.isVerticalScrolling=false; 
dxo.isHorizontalScrolling=false; 
dxo.isMainControlResizable=false; 
dxo.callbackOnFocusedRowChanged=false; 
dxo.callbackOnSelectionChanged=false; 
dxo.autoFilterDelay='1200'; 
dxo.ClearColumns(); 
dxo.CreateColumn('',0,'WFP_ID',1); 
dxo.CreateColumn('',1,'Last_Name',1); 
dxo.CreateColumn('',2,'First_name',1); 
dxo.CreateColumn('',3,'Farm_Name',1); 
dxo.CreateColumn('',4,'Address',1); 
dxo.CreateColumn('',5,'City_State',1); 
dxo.CreateColumn('',6,'Zip',1); 
dxo.InlineInitialize(); 

//--> 
</script> 

    <table class="dxgvControl" cellspacing="0" cellpadding="0" id="AnimalGridView" border="0" style="width:600px;border-collapse:collapse;border-collapse:separate;"> 
<tr> 

    <td><table id="AnimalGridView_DXMainTable" class="dxgvTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;border-collapse:collapse;empty-cells:show;"> 
     <tr id="AnimalGridView_DXDataRow0" class="dxgvDataRow"> 
      <td id="AnimalGridView_tcrow0" colspan="43" style="border-right-width:0px;border-bottom-width:0px;"> 
     <table cellpadding="5" cellspacing="5" width="100%" id="rounded-corner"> 
      <tr> 
       <th colspan="8" class="tableHeader">Animal Inventory</th> 
      </tr> 
      <tr> 

       <td colspan="2">Updated:</td> 
       <td colspan="2">11/14/2007</td> 
       <td colspan="2">Total AU:</td> 
       <td colspan="2">0</td> 

      </tr> 
      <tr> 
       <td>Mature Dairy</td> 

       <td>0</td> 
       <td>Dairy Heifers</td> 
       <td>0</td> 
       <td>Veal</td> 
       <td>0</td> 
       <td>Beef</td> 

       <td>0</td> 
      </tr> 
      <tr> 
       <td>Calves</td> 
       <td>0</td> 
       <td>Bulls</td> 
       <td>0</td> 

       <td>Ducks</td> 
       <td>0</td> 
       <td>Elk</td> 
       <td>0</td> 
      </tr> 
      <tr> 
       <td>Sheep</td> 

       <td>0</td> 
       <td>Lambs</td> 
       <td>0</td> 
       <td>Geese</td> 
       <td>0</td> 
       <td>Buffalo</td> 

       <td>0</td> 
      </tr> 
      <tr> 
       <td>Goats</td> 
       <td>2</td> 
       <td>Kids</td> 
       <td>0</td> 

       <td>Rabbits</td> 
       <td>0</td> 
       <td>Bears</td> 
       <td>0</td> 
      </tr> 
      <tr> 
       <td>Pigs</td> 

       <td>0</td> 
       <td>Piglets</td> 
       <td>0</td> 
       <td>Emu</td> 
       <td>0</td> 
       <td>Mountain Lion</td> 

       <td>0</td> 
      </tr> 
      <tr> 
       <td>Horses</td> 
       <td>0</td> 
       <td>Foals</td> 
       <td>0</td> 

       <td>Ostrich</td> 
       <td>0</td> 
       <td>Guinea Pigs</td> 
       <td>0</td> 
      </tr> 
      <tr> 
       <td>Donkeys</td> 

       <td>0</td> 
       <td>Oxen</td> 
       <td>0</td> 
       <td>Walaroo</td> 
       <td>0</td> 
       <td>Greenhouse</td> 

       <td>0</td> 
      </tr> 
      <tr> 
       <td>Chickens</td> 
       <td>0</td> 
       <td>Turkeys</td> 
       <td>0</td> 

       <td>Llama</td> 
       <td>0</td> 
       <td>Vegetables</td> 
       <td>0</td> 
      </tr> 
      <tr> 
       <td>Ginny Hens</td> 

       <td>0</td> 
       <td>Peacock</td> 
       <td>0</td> 
       <td>Alpaca</td> 
       <td>0</td> 
       <td>Pheasant</td> 

       <td>0</td> 
      </tr> 
      <tr> 
       <td>Deer</td> 
       <td>0</td> 
       <td>&nbsp;</td> 
       <td>&nbsp;</td> 

       <td>&nbsp;</td> 
       <td>&nbsp;</td> 
       <td>&nbsp;</td> 
       <td>&nbsp;</td> 
      </tr> 
     </table> 
</td> 
     </tr> 
    </table><img id="AnimalGridView_IADD" src="/SAM_Project/WebResource.axd" alt="|" style="border-width:0px;position:absolute;visibility:hidden;" /><img id="AnimalGridView_IADU" src="/SAM_Project/WebResource.axd" alt="|" style="border-width:0px;position:absolute;visibility:hidden;" /><img id="AnimalGridView_IDHF" src="/SAM_Project/WebResource.axd" alt="Hide" style="border-width:0px;position:absolute;visibility:hidden;" /><div id="AnimalGridView_LP" align="center" style="left:0px;top:0px;z-index:30000;display:none;"> 

     <table class="dxgvLoadingPanel" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;"> 
      <tr> 
       <td class="dx"><img src="/SAM_Project/WebResource.axd" alt="" align="middle" style="border-width:0px;" /></td><td class="dx" style="padding-left:0px;">Loading&hellip;</td> 
      </tr> 
     </table> 
    </div><div id="AnimalGridView_LD" class="dxgvLoadingDiv" style="display:none;z-index:29999;position:absolute;"> 

    </div><input type="hidden" name="AnimalGridView$DXSelInput" id="AnimalGridView_DXSelInput" /><table id="AnimalGridView_DXStyleTable" border="0" style="display:none;"> 
     <tr> 

      <td></td> 
     </tr><tr class="dxgvEditingErrorRow"> 
      <td class="dxgv" colspan="43" style="border-right-width:0px;"></td> 
     </tr><tr class="dxgvSelectedRow"> 
      <td></td> 
     </tr><tr class="dxgvFocusedRow"> 
      <td></td> 
     </tr><tr class="dxgvFocusedGroupRow"> 
      <td></td> 

     </tr><tr class="dxgvDataRow"> 
      <td></td> 
     </tr> 
    </table><input type="hidden" name="AnimalGridView$CallbackState" id="AnimalGridView_CallbackState" value="#" /></td> 
</tr> 
</table><script id="dxss_1369069069" type="text/javascript"> 
<!-- 

var dxo = new ASPxClientGridView('AnimalGridView'); 
window['AnimalGridView'] = dxo; 
dxo.callBack = function(arg) {  WebForm_DoCallback('AnimalGridView',arg,aspxCallback,'AnimalGridView',aspxCallbackError,true);  }; 
dxo.callBacksEnabled=true; 
dxo.pageRowCount=1; 
dxo.pageRowSize=10; 
dxo.selectedWithoutPageRowCount=0; 
dxo.visibleStartIndex=0; 
dxo.focusedRowIndex=-1; 
dxo.allowFocusedRow=false; 
dxo.allowMultiSelection=false; 
dxo.isColumnsResizable=false; 
dxo.isVerticalScrolling=false; 
dxo.isHorizontalScrolling=false; 
dxo.isMainControlResizable=false; 
dxo.callbackOnFocusedRowChanged=false; 
dxo.callbackOnSelectionChanged=false; 
dxo.autoFilterDelay='1200'; 
dxo.ClearColumns(); 
//--> 
</script> 


    <div style="margin-left: auto; margin-right: auto; width: 450px;padding: 5px 5px;"><input id="btnClose" type="submit" value="Close Window" onclick="window.close();" /></div> 
</div> 



<script type="text/javascript"> 
//<![CDATA[ 

WebForm_InitCallback();//]]> 
</script> 
</form> 
</body> 
</html> 
+0

메인 페이지의 유일한 팝업 창입니까? 동일한 팝업 창 (귀하의 경우 FarmQuery라는 창)을 재사용 할 때 문제가 발생했기 때문에 묻습니다. 처음 창을 팝업으로 적용한 설정은 이후의 시간을 변경하지 않습니다. –

+0

큰 테이블에 유효하지 않은 마크 업이있을 때 Internet Explorer가 이것을 보았습니다. 어떤 브라우저를 사용하고 있습니까? – Mcbeev

+0

코드를 사용하여 내 HTML 페이지를 팝업 할 때 스크롤 막대가 나타납니다. 나는 @Mcbeev가 옳을 수 있다고 생각한다. 팝업 창에서 생성 된 HTML을 게시 할 수 있습니까? – Jacob

답변

0

당신이 당신의 팝업 윈도우의 약 크기에 기본 브라우저 창 크기를 조정하고 직접 당신이 당신의 팝업에 표시 할 페이지로 이동 봤어 샘플 HTML이야? 페이지를 직접로드 할 때 스크롤 막대가 나타 납니까? 팝업 창은 아마도 붉은 청어입니다.

+0

네, 그 시도하고 스크롤바는 여전히 나타나지 않습니다. – toddk

+0

그래서 문제는 페이지에 있습니다. 그렇지 않으면 사람이 스크롤바가 나타나지 않도록하는 것을 힘들게 추측해야하는 문제를 보여주는 HTML 샘플을 제공하는 것이 정말 도움이 될 것입니다. (이를 반영하기 위해 질문 제목을 업데이트 할 수도 있습니다.) –

1

이것은 확실히 CSS 문제와 같습니다.

팝업 페이지에서 CSS 파일에 대한 링크를 제거한 다음 문제가 여전히 존재하는지 확인해보십시오 (그렇지 않을 수도 있음).

그러면 새로운 질문이 생깁니다. CSS를 사용하면 페이지에서 스크롤 막대가 사라질 수 있습니다.

몸에있는 overflow: hidden;의 규칙은 매우 가능성이 큰 범인입니다.

0

내용이 클라이언트 영역에 맞지 않으면 새 창을 열 때 스크롤 막대가 나타납니다. 옵션에 "width = 600, height = 600"을 추가하여 창 크기를 바로 줄입니다. 막대가 나타나지 않으면 CSS 문제 일 가능성이 큽니다.

"default.css"줄을 제거하십시오. 그래도 문제가 발생합니까?

0

내가 제공 한 html을 시도하고 내용이 맞지 않도록 창 크기를 조정하면 div의 스크롤바가 표시됩니다 (전체 창보다 약간 작게 표시됨). div 태그에서 style="overflow: auto;"을 제거하려고 시도했지만 스크롤바는 전체 창에만 적용되었습니다. 이것은 작동하는 것처럼 보입니다. 스크롤바가 적용되지 않는다고 말하면 내 생각에 문제는 CSS 파일에 정의 된 것입니다. ../Default에있을 수 있습니다.css 또는 ReportData.css

div 스타일을 CSS 파일 중 하나에서 overflow:hidden으로 설정하면이 값을 재정 의하여 페이지의 div 태그에 style="overflow: visible;"을 설정할 수 있습니다. 이렇게하면 div의 내용이 잘리지 않게되고 div 태그 대신 창에서 스크롤이 처리됩니다.

문제가되는 div 태그가 아닌 경우 다른 태그 일 수 있습니다. CSS 파일의 모든 태그에 overflow: hidden이 있는지 확인하여 문제인지 확인하십시오.

3

당신은 항상 페이지에 스크롤 막대를 강제하려면 페이지에 다음 CSS를 추가하려고 :이 필요한 경우

html { 
overflow-y:scroll; 
} 

이 항상 수직 스크롤에게 상관없이이 페이지의 원인이됩니다 아닙니다.

는 또한 사용하도록 코드를 변경 할 수 있습니다 :

windowHandle = window.open(pageUrl, "FarmQuery", 'resizable=1,scrollbars=1'); 

1로 = 예/사실이지만 네 반드시 동일한 1/진실하지 않습니다 (재미 크로스 브라우저 논리를!).

+0

1 대신 yes를 사용하는 것을 보지 못했고 찾을 수있는 모든 문서가 모두 유효한 것으로 나열되었습니다. http://www.w3schools.com/HTMLDOM/met_win_open.asp – Arjan

+1

resizable = 1, scrollbars = 1 - 도움이됩니다! – Mateusz

+0

IE10에서 yes | no 값이 작동하지 않는다는 것을 확인했습니다. 안전을 위해 0 | 1 값을 사용하는 것이 좋습니다. 감사합니다 Richy와 Mateusz. – DDA

0

스크롤 막대가 나타나지 않도록 CSS 파일에 위치가 고정되어있을 수 있습니다.

0

window.open ('CHFPhoneMonitoringChecklist.html', 'CHFwin', 'resizable = yes, location = 1, status = 1, scrollbars = 1, width = 1250, height = 1000');

관련 문제