2016-11-18 4 views
0

angezeigt Ich arbeite an vorhandenen ASP.NET-Code und versuche, ein Dialogfeld mit 3 Dropdownlisten hinzuzufügen. Sie arbeiten auf meinem Rechner beim Debuggen im IE und selbst wenn ich den emulierten IE-Modus auf 9 ändere, werden sie auf meinem Rechner angezeigt, aber wenn sie in IE 9 auf dem Testserver laufen, sind die Dropdowns überhaupt nicht sichtbar. Es gibt keine Javascript-Fehler in der Konsole, wenn die Seite geladen wird oder wenn auf die Schaltfläche geklickt wird, um das Dialogfeld anzuzeigen, und der DOM-Explorer zeigt, dass die Daten der Tabellenzeile das Tag mit den darin enthaltenen Optionen enthalten, also bin ich mir nicht sicher geht hier falsch.ASP Dropdownliste nicht in IE 9

Hier ist das Markup Dialoge:

<div id="boxCreateSpare" title="Create Assembly" runat="server" style="display: none;"> 
     <table> 
      <tr> 
       <td> 
        <asp:Label ID="lblSpareAssemblyID" runat="server" Font-Bold="True"></asp:Label>: 
       </td> 
       <td> 
        <asp:DropDownList runat="server" ID="selSpareAssemblyID" Width="100%"></asp:DropDownList> 
       </td> 
       <td> 
        &nbsp;<asp:Label ID="lblSpareDescription" runat="server" Font-Bold="true" Font-Size="12px" Width="120px"></asp:Label> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <asp:Label ID ="lblTireProductId" runat="server" Font-Bold="true"></asp:Label>: 
       </td> 
       <td> 
        <asp:DropDownList runat="server" ID="selTireProductId" Width="100%"></asp:DropDownList> 
       </td> 
       <td>&nbsp;</td> 
      </tr> 
      <tr> 
       <td> 
        <asp:Label ID ="lblWheelProductId" runat="server" Font-Bold="true"></asp:Label>: 
       </td> 
       <td> 
        <asp:DropDownList runat="server" ID="selWheelProductId" Width="100%"></asp:DropDownList> 
       </td> 
       <td>&nbsp;</td> 
      </tr> 
      <tr> 
       <td colspan="3" align="center" width="100%"> 
        <input type="submit" class="button" style="height: 25px; width: 150px;" id="btnSpareFinishCreate" runat="server" onclick="createSpare()" /> 
        <input type="button" class="button" style="height: 25px; width: 150px;" id="btnSpareCancel" runat="server" onclick="$('#boxCreateSpare').dialog('close');" /> 
       </td> 
      </tr> 
     </table> 
    </div> 

Testserver IE9 Dropdown-Menüs nicht sichtbar:

Test server IE9 dropdowns not visible

Meine Maschine (Debugging im Internet Explorer emuliert V9) sichtbar:

My machine (debugging in IE emulating V9) visible

+0

Es könnte ein Datenproblem auf Ihrem Testserver sein, dass keine Daten in das Dropdown-Menü geladen sind. Haben Sie es in anderen Browsern versucht? –

+0

Breite (und andere Präsentation) Attribute werden in html4 abgeschrieben ... auch sind sie in Pixel nicht%. Einige Bowser werden% verwenden. Verwenden Sie die DOM-Explorer-Registerkarte der Entwicklungstools, um Elemente hervorzuheben, die beim Debugging der Präsentation "versteckt" erscheinen. –

Antwort

0

Ich habe es herausgefunden. Ich bin mir nicht sicher, was es mit der IE-Version zu tun hat, da ich in der IE-Lore nicht so versiert bin, aber den "width: 100%" -Stil vom "asp: DropDownList runat =" -Server "ID =" entfernt habe selSpareAssemblyID "" hat die Selects angezeigt. Ich denke, was passierte, war, dass die Breite der Tabellenzeilen auf 0px oder so eingestellt wurde, aber das Verschieben der "Breite: 100" zum Tisch führte dazu, dass sie auftauchten. Jemand könnte vielleicht näher darauf eingehen, warum dies geschah, aber so habe ich es behoben.

Verwandte Themen