das treibt mich die Wand hoch. Ich kann nicht herausfinden, wie man die Höhe der Listenansicht automatisch einstellen kann.Wie wird die win-listview-Höhe festgelegt? - WinJS
, d. H. Die Höhe der Listenansicht muss erweitert werden, um den gesamten benötigten Platz zu belegen, und der äußere Container bietet eine Überlauf-y-Bildlauffunktion.
Ich kann nicht finden, dass keine Dokumentation zu diesem unnachgiebig finden.
Hilfe wäre toll. Vielen Dank!
ListView-Steuerelemente sind standardmäßig 400 Pixel groß. Das steht in Zeile 1421 der Datei ui-light.css. Sie können es überschreiben, indem Sie eine Regel auf Ihrer Seite hinzufügen:
.win-listview { Höhe: 100%;/* (Oder Sie können festlegen, absolut mit so etwas wie '600px') sagt ...
es */ }Auf this page im Dev Center
Einstellen der Höhe des Listview-Steuerelement
Das ListView passt seine Höhe nicht dynamisch an Ihren Inhalt an. Damit ein ListView gerendert werden kann, müssen Sie einen absoluten Wert für seine Höhe angeben. Die Windows-Bibliothek für JavaScript-Stylesheets legte die Höhe des ListView-Steuerelements auf 400 Pixel fest.
Aus einem Design-Standpunkt sollten Sie wahrscheinlich nicht vertikales Scrollen auf einem ListView tun. Sie sind so konzipiert, dass sie horizontal angeordnet sind (wie Apps im Allgemeinen). Die Kombination von horizontalem und vertikalem Scrollen kann zu einer unangenehmen Benutzererfahrung führen. Ich habe dazu etwa articles geschrieben.
Große Antwort! Danke vielmals! Ich habe über das horizontale Scrollen nachgedacht, aber für bestimmte Muster fühlt es sich ziemlich umständlich an. z.B. Eine Liste von Downloads mit einer vertikalen Liste fühlt sich produktiver und intuitiver an. – RadiantHex
Ja, ich stimme zu. Manchmal ist es schwer darüber nachzudenken, wie es in eine horizontale Liste passt. Ich bin immer sehr beeindruckt von den Top-Apps (die riesige Design-Budgets haben) und wie sie herausfinden, wie sie ihre Inhalte so strukturieren, dass sie horizontal besser passen. In meiner codeSHOW App (aka.ms/codeshowapp) zeige ich Quellcode-Dateien an und kombiniere horizontal und vertikal. Manchmal gibt es keinen Weg um ihn herum. –
In der snapview, müssen Sie vertikale Scrolling ... – odupont