dropdownlist sollte zeigen, 6 Elemente nur noch am scrollen

Ich habe eine dropdownlist mit 15datatypes,wenn ich auf die drop-down-es sieht so unbeholfen ,u kann mir empfehlen, wie man Blättern Sie in dropdownlist-in asp.net

  • was haben Sie bisher ausprobiert?
  • mögliche Duplikate von Ausblenden der vertikalen Bildlaufleiste im <select> - element
  • Warum nicht size=10 statt einer dropdown-Box?
  • Fragen in Bezug auf Probleme mit dem code, den Sie geschrieben haben muss, beschreiben Sie die spezifischen problem — und Sie sind mit gültigen code, um es zu reproduzieren — in der Frage selbst. Sehen SSCCE.org für die Führung.
InformationsquelleAutor Karthik | 2013-09-25
  1. 1

    Ich denke, Sie wollen diese:

    <asp:DropDownList ID="ddl" width="100px" onclick="this.size=1;" onMouseOver="this.size=5;" onMouseOut="this.size=1;" style="position:absolute;" runat="server">
             <asp:ListItem>TextTextText1</asp:ListItem>
             <asp:ListItem>TextTextText2</asp:ListItem>
             <asp:ListItem>TextTextText3</asp:ListItem>
             <asp:ListItem>TextTextText4</asp:ListItem>
             <asp:ListItem>TextTextText5</asp:ListItem>
             <asp:ListItem>TextTextText6</asp:ListItem>
             <asp:ListItem>TextTextText7</asp:ListItem>   
             <asp:ListItem>TextTextText8</asp:ListItem>
             <asp:ListItem>TextTextText9</asp:ListItem>
             <asp:ListItem>TextTextText10</asp:ListItem>
             <asp:ListItem>TextTextText11</asp:ListItem>    
        </asp:DropDownList>
    • ES funktioniert, aber problem mit dieser Im listview-ich habe eine dropdowncolumn es ist nicht die Anpassung in listview-Zelle
    InformationsquelleAutor Bip
  2. 0

    Hier Textfeld wird halten Sie die ausgewählte Wert der listbox. Meine ASPX-code unten:

        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:TextBox ID="TextBox1" runat="server" Text="Select your item" CssClass="MyTextBox"></asp:TextBox>
            <div style="padding: 4px;" id="ItemsDiv" runat="server">
                <asp:ListBox ID="ListBox1" runat="server" onclick="callme()" CssClass="MyDropDown" Rows="6">
                </asp:ListBox>
            </div>
            <asp:DropDownExtender ID="DropDownExtender1" runat="server" TargetControlID="TextBox1"
                DropDownControlID="ItemsDiv">
            </asp:DropDownExtender>
        </ContentTemplate>
    </asp:UpdatePanel>
<script>
   function callme() { 
           element = document.getElementById("ListBox1"); 
            str = element.options[element.selectedIndex].value; 
            document.getElementById("TextBox1").value = str; 
        } 
</script>

    sonst Folgen Sie diesem link:

    http://blogs.msdn.com/b/rakkimk/archive/2011/05/02/dropdownlist-html-select-vertical-scrollbar-number-of-items.aspx

    oder http://forums.asp.net/t/1905270.aspx?DropDownList+Scrollen+Bars

    • Ist es dropdownlist
    • Es ist DropDownExtender und es erfüllen, die ur brauchen. u können, Folgen Sie dem ersten link, den ich erwähnt zu haben, eine gute Idee.
    • DropDownExtender nicht zeigt intellisence in asp.net ...
    • pls Folgen Sie diesem : blogs.msdn.com/b/rakkimk/archive/2011/05/02/...
    InformationsquelleAutor ch.smrutiranjan parida
  3. 0

    Versuchen, folgenden code verwenden. 

    <asp:DropDownList runat="server" ID="ddlColors" onmousedown="this.size=5;"  >
            <asp:ListItem>Red</asp:ListItem>
            <asp:ListItem>Green</asp:ListItem>
            <asp:ListItem>Blue</asp:ListItem>
            <asp:ListItem>Yellow</asp:ListItem>
            <asp:ListItem>White</asp:ListItem>
            <asp:ListItem>Black</asp:ListItem>
            <asp:ListItem>Purple</asp:ListItem>
            <asp:ListItem>no color</asp:ListItem>
    </asp:DropDownList>

    Oder verwenden Sie CSS-overflow-Eigenschaft in Kombination mit der height-Eigenschaft auf das Dropdown-Menü zum hinzufügen einer Bildlaufleiste.

    .dropmenudiv
{
  height: 300px;
  max-height: 300px;
  overflow-y: scroll;
}
    • wenn ich mit onmousedown die Größe der dropdownbox groß geworden und zeigen 5 Elemente zur Zeit,
    • verwenden Sie CSS-overflow-Eigenschaft, dann wird es funktionieren
    • overflow-y im css zeigen keine Fehler an gültig--ist nicht eine bekannte css-Eigenschaft
    InformationsquelleAutor Umm E Habiba Siddiqui
Schreibe einen Kommentar