Dropdown-Listenfeld geht so weit, wie nötig auch mit die Breite festlegen

Ich habe ein dropdown-Listenfeld, zeigt die Daten aus meiner Datenbank. Problem ist, dass einige Aufnahmen sind ziemlich lang, so dass die Breite der dropdown-box erstreckt sich über die Seite von meinem Bildschirm. Ich habe eine reasonible Breite gesetzt, aber es ist nicht zu stoppen die dropdown-box, aus der Sie sich so weit wie notwendig, um die Anzeige jedes Datensatzes. Wie kann ich eine Feste Breite?

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" 
     DataSourceID="SqlDataSource1Usage" DataTextField="data_text" 
     DataValueField="ID" Width="280px">
</asp:DropDownList>here

Dank,

Ist dies die Art von Sache, die Sie bedeuten? jsfiddle.net/UT4bf, wo es die <option> Werte, die sind länger, als Sie wollen?
Ja, genau, die option Werte gehen viel zu weit auf meiner ddl-box

InformationsquelleAutor htm11h | 2011-11-21

  1. 3

    versuchen, den Stil wie folgt:

    <select id="yourselect" style="width: 100px; max-width: 100px">
    <option>...</option>
</select>

    oder

    <div style="width: 100px; max-width: 100px">
    <select id="yourselect" style="width: 100%; position: relative">
        <option>...</option>
    </select>
</div>

    Vielleicht hilft dies ja...

    Edit: Mit der Attributes-Eigenschaft:

    markup:

    <asp:DropDownList ID="cboItems" runat="server" />

    Code hinter:

    List<ListItem> items = new List<ListItem>();
for (int i = 1; i < 11; i++)
{
    ListItem item = new ListItem();
    item.Text = string.Format("this is a very very long item text corresponding to the  number {0}", i);
    item.Value = i.ToString();
    items.Add(item);
}
cboItems.DataSource = items;
cboItems.DataBind();
// after data bind is complete
cboItems.Attributes["style"] = "width: 100px; max-width: 100px";

    Ich vielleicht nicht verstehen, was Sie versuchen zu tun, aber dies ist, was ich meinte mit Parametern.

    Seine einem datengebundenen Steuerelement, so dass ich keine Möglichkeit haben, weisen Sie Eigenschaften auf das Steuerelement.
    Sie können dies entweder auf der code-behind-mit der Attributes-Eigenschaft oder, Sie tun können, es auf die markup-auch wenn der "Stil" ist nicht gonna kommen auf die intellisense.
    Das ist das, was ich war tyring zu erklären, es gibt keine Attribute. Lassen Sie mich versuchen, die div Idee, obwohl. Nope, hat nicht funktioniert.
    Sie konnte noch immer gelten die attributes-Eigenschaft
    Ich denke, wenn ich manuell databind könnte ich das array erstellt werden und der stick in die Steuerung. Hatte gehofft, ich müsste nicht von hand code.

    InformationsquelleAutor MilkyWayJoe

  2. 3

    haben Sie einen Blick auf css-Optionen

    #myselect {
width:230px;
}
#myselect option {
width:220px;
}

    mehr hier:

    http://www.webmasterworld.com/html/3018783.htm

    die Antwort, die ich, was Sie wollen, ist durch penders

    InformationsquelleAutor cpoDesign

  3. 0

    Können Sie CSS verwenden. Definieren Sie Stil mit fester Breite, und verwenden Sie es während dem erstellen dropdown-box.

    ich habe eine eingebettete aspx-Seite in eine Master-Seite und es gibt keine <head> - Abschnitt auf Platz Stil-code auf der Seite. Wissen Sie, wie Sie dies tun?
    Anschließend verknüpfen Sie die css-Datei in Master-Seite <head>.
    Habe versucht, und es funktioniert immer noch nicht. Getestet in 3 Browsern.

    InformationsquelleAutor mert

Schreibe einen Kommentar