Wie die Dojox Datagrid die Zeilenhöhe auf eine einzige Zeile

Ich bin versucht zu reparieren, wird die Höhe des Dojox 1.3 Datagrid auf einer einzelnen Linie (wie in Excel). Die aktuelle Funktionalität ist die automatische Erhöhung der Zeilenhöhe, wenn mehr Daten als in eine einzige Zeile zur Verfügung steht.

Gibt es eine einfache Möglichkeit, dies zu erreichen? Es scheint, wie es sollte gebaut werden, in der Funktionalität für ein datagrid, conisidering, dass dies ist die Standardeinstellung für Tabellen.

Danke für die Hilfe

  • Derzeit gibt es keine Möglichkeit zum ändern der Größe einer einzelnen Zeile im DataGrid.
  • sehen jfkelley Antwort, der einzige Weg ist, um Stil Ihren Weg durch es. Vielleicht leiten Sie Ihre eigene grid-Klasse mit den genannten Funktionen zu Durchlaufen die Zellen der Tabelle (verwenden dojo.Abfrage nach .render()), wenn das grid-Objekt selbst hat diese Funktionalität gebaut Sie können leicht machen eine "collapse/expand" - Taste
InformationsquelleAutor | 2009-07-24
  1. 1

    Ich denke, man kann.

    Hier ist, was ich habe experimentiert mit:

    In der Klasse .dojoxGridCellContent hinzufügen:

    white-space:nowrap;
    overflow:hidden;

    Für meine "Squeeze/Erweitern" - Funktion nutze ich eine kleine Funktion dynamisch zu ändern, ein class-Attribut und dann habe ich wieder malen Sie das Gitter.

    Ich bin ein fester Gläubiger in der Lage sein müssen, crunch Zeilen (sowohl in Excel und in html) herunter, um 1 "Zeile" hoch, um zu erleichtern, vertikale visual scan (abschneiden von Zellinhalten als nötig) und dann in der Lage sein zu erweitern, Sie wieder zu sehen, den gesamten Inhalt in eine Zelle in einer Zeile.

    Manuell dimensionieren die Spalte breit genug, um alle möglichen text in einer bestimmten Zelle ist eine schreckliche Lösung, wenn Sie noch variable Mengen von text in einer bestimmten Zelle. Für Produktivitäts-apps, nicht-funktionale white space ist der Feind.

    Ich wünschte, es gäbe einen Weg gebaut, im Dojo zu tun, diese nützliche Sache (auch die Lösung der immerwährenden cross-browser-bedingte Ellipsen Sache).

    • Eigentlich, um es zu gewinnen, um die CSS-Spezifität von Regeln, die ich festgelegt ".claro .dojoxGridContent", nicht nur ".dojoxGridContent". Es kann ein Weg zu diktieren Stil der dojoxGridContent div beim einrichten das raster, aber ich weiß nicht, was das ist (noch) nicht. Ansonsten, funktioniert Super!
    • Ok, hier ist es. Nur vor der Wiedergabe das Gitter, gehe ich die layout-Struktur und cellStyles="white-space:nowrap;overflow:hidden;height:1em". Hinzufügen der Höhe können Sie zu quetschen, auch wenn es br-Objekte in der Zelle.
    InformationsquelleAutor jfkelley
  2. 1

    Gefunden, der einen hack!

    verwenden Sie diese als Spalten-formatter:

    function(obj){
    return "<div style='height:15px;text-overflow:ellipsis'>"+obj+"</div>"
}

    Dies ist nur ein hack und ich sehe einige Probleme mit dem zeilenmarkierer. Aber wie auch immer, hoffe, dies hilft Euch.

    InformationsquelleAutor asdacap
  3. 0

    Können Sie nicht die Höhe, sondern Sie können die Breite einzustellen. Wenn Sie eine gute Idee haben, wie weit Ihre Zelle normalerweise werden müssen, um den string auf einer Zeile können Sie es in Ihrem < th > element zu maximieren, die Anzahl der Zeilen, die passen auf eine Zeile.

    <table  //dojo grid properties>
    <thead>
        <tr>
            <th width="90px" field="fieldName" ...>
                Field Name
            </th>
            ...
        </tr>
    </thead>
</table>

    Hoffe, das hilft.

    InformationsquelleAutor Mike Carey
Schreibe einen Kommentar