Wie legen Sie die Breite des Dojo Combobox

wie Steuere ich die Breite des dojo combobox mit css habe ich versucht #comboId{width:50px} wo comboId ist die Id des <select id="comboId">. aber es funktioniert nicht

InformationsquelleAutor nishan | 2011-03-05
  1. 5

    ComboBox ist ein wenig schwierig, weil die Art, wie dieses widget funktioniert, wird der Knoten mit der id comboId am Ende wird die innere Eingabe-Knoten innerhalb des widget, nicht das widget " top-level-domNode (die erhält die id widget_comboId statt). Dies ist wahrscheinlich der Grund, warum das keine Auswirkungen für Sie.

    Beachten Sie, dass nicht fast alle widgets tun lustige Dinge wie diese, aber vor allem widgets wie dijit.form.TextBox und dijit.form.ComboBox (und widgets erweitern Sie) tun.

    Vielleicht der einfachste Weg, um dieses wäre auch eine Klasse hinzufügen, um den widget und den Stil auf dieser Basis statt (die ist in der Regel aufgefordert, wie es besser wiederverwendbar als die Koppelung bestimmter IDs in den css-sowieso). Angenommen, Sie sind instanziieren deklarativ:

    <select id="comboId" class="comboClass" dojoType="dijit.form.ComboBox">
    ...
</select>

    Dann in deinem css:

    .comboClass { width: 50px; }

    Anderen Lösungen

    Wenn Sie die Instanziierung dieses widget deklarativ, können Sie die inline-Stil und es wird richtig zugeordnet, um die widget ' s domNode automatisch:

    <select id="comboId" dojoType="dijit.form.ComboBox" style="width: 50px">
    ...
</select>

    Alternativ können Sie das Attribut style des widgets, nachdem es instanziiert ist:

    dijit.byId('comboId').set('style', {width: '50px'});

    Dies ist programmgesteuert das entspricht der Einstellung der Breite inline-Stil auf den DOM-Knoten deklarativ.

    • inline-style-arbeitete für mich, vielen Dank!
    InformationsquelleAutor Ken Franqueiro
  2. 3

    Einstellung Breite mit css nicht für mich arbeiten. Jedoch, die Einstellung, Stil im Bau habe:

    var spatialQueryComboBox = new ComboBox({
            id: "selectionType",
            style:{width: "100px"},
            store: spatialSelectionStore,
            searchAttr: "name"
        }, "spatialSelectionType");
    InformationsquelleAutor Matej
  3. 0

    Haben Sie versucht:

    dojo.style("comboId", "width", "50px");
    • Dies funktioniert nicht für den gleichen Grund, dass das, was der OP schon versucht, hat nicht.
    InformationsquelleAutor Zakaria
  4. 0

    Könnte es sein getan durch den Aufruf der Funktion "forceWidth(true)", und definieren Sie die Klasse .mblComboBoxMenu mit der gewünschten Höhe in der css-Datei.

    Beispiel:

    .mblComboBoxMenu {
    position: relative;
    overflow-y: hidden !important;
    overflow: hidden;
    border: 1px solid #00677f;
    border-radius: 0;
    background-color: white;
    color: #868e96;
    width: 80% !important; 
}
    InformationsquelleAutor jithil
Schreibe einen Kommentar