Ich möchte eine Kendo-Dropdown-Liste verwenden, die eine feste Größe hat, da sie durch andere Felder auf der Seite eingeschränkt wird. Wenn sie jedoch die Dropdown-Elemente der Liste anzeigt, sollte sich die Größe des Dropdown-Bereichs ändern auf die maximale Länge der Gegenstände. Sortierte feste Breite für das angezeigte Objekt, aber automatische Breite für die Dropdown-Liste. Etwas wie
%Vor%Ist dies durch CSS oder Drop-down-Listeneigenschaften möglich, die über jQuery gesetzt werden?
Sie können die Breite einer DropDown-Liste mithilfe eines CSS oder mithilfe einer Methode festlegen.
Wenn die ID von DropDownList my-dropdown ist, sollten Sie schreiben:
Verwenden von CSS
%Vor% HINWEIS: Wir haben -list an die ursprüngliche id angehängt. Das "! Wichtig" ist wichtig, da Sie die ursprüngliche Breitendefinition überschreiben möchten.
Verwenden einer Methode
%Vor% Zusätzlich zur Verwendung von "auto" für die automatische Anpassung der Breite an den Text können Sie eine feste Breite verwenden:
oder:
%Vor%Was für mich funktionierte, ist eine zusätzliche Klasse auf dem Basiselement zu rendern:
%Vor%Was produziert:
%Vor%Mit dieser ExtraLarge-Klasse funktionierte das großartig in FireFox und Chrome:
%Vor%Verwenden Sie den folgenden Code als Vorlage für die Kendo-Dropdown-Liste:
%Vor%Sie werden die kendoDropDownList mit jQuery wie folgt initiieren:
%Vor%Um diesen Controller so einzustellen, dass er die volle Breite einnimmt, müssen Sie die Breite des select-Elements auf 100% oder was immer Sie wünschen einstellen. z.B.:
%Vor%ODER, ist eine CSS-Datei:
%Vor%Tags und Links user-interface drop-down-menu kendo-ui