sap.l'interface utilisateur.table.Tableau “VisibleRowCountMode.Auto” mode ne fonctionne pas

Je vais avoir de la difficulté à définir le nombre de lignes d'un tableau à remplir automatiquement les disponible de la succession de son encapsulation conteneur.

Selon l'API, réglage de la visibleRowCountMode propriété sap.ui.table.VisibleRowCountMode.Auto devrait rendre la table à

"[...] remplit automatiquement la hauteur des environs de conteneurs.
La visibleRowCount propriété est automatiquement modifié en conséquence. Tous
les lignes ont besoin de la même hauteur, sinon le mode auto ne fonctionne pas toujours
comme prévu".

J'ai utilisé le code suivant:

var oTable = new sap.ui.table.Table( {
    rowHeight           : 30,
    height              : "100%",
    //The below property is seemingly ignored... What did I do wrong?
    visibleRowCountMode : sap.ui.table.VisibleRowCountMode.Auto
});

...mais comme vous pouvez le voir dans cette jsbin exemple http://jsbin.com/vazuz/1/edit il montre juste la valeur par défaut de 10 lignes, et n'est certainement pas à "changer le visibleRowCount bien" 🙁

Quelqu'un a une solution?
Merci à l'avance!

=====================

EDIT: Merci à @matz3 la réponse ci-dessous, j'étais finalement capable de résoudre ce problème.

Définissant les environs de conteneurs DIV à 100%, ce qui semble être ignoré. Un réglage à une hauteur fixe, cependant, a très bien fonctionné. Mais ce que je voulais vraiment, si un utilisateur redimensionné la fenêtre, le nombre de lignes doit être adaptée en conséquence. Un réglage à une hauteur fixe est donc pas une option...

Cependant, l'astuce a été une source de CSS: non seulement la DIV doit être fixé à 100% de la hauteur, à la fois de CORPS et HTML (!!) nécessaire pour avoir une hauteur de 100%:

html, body {
  height: 100%
}

div#uiArea {
  height: 100%
}

Maintenant, le tableau s'étend sur toute la hauteur de la fenêtre d'affichage et le redimensionnement de la fenêtre ajuste la table plutôt bien. Voir le final de la solution de travail ici: http://jsbin.com/bosusuya/3/edit

Matz3, merci pour votre aide!

OriginalL'auteur Qualiture | 2014-03-19

  1. 1

    [...] remplit automatiquement la hauteur des environs de conteneurs [...]

    Vos environs de conteneurs est de la vue, de sorte que vous avez à régler la hauteur de celui-ci aussi à une valeur (par exemple 100%)

    this.setHeight("100%");

    Et votre vue dans le uiArea-div, donc il a également besoin d'une hauteur (ex: 500px)

    <div id="uiArea" style="height:500px"></div>

    Avec ces changements maintenant fonctionne comme prévu

    Ah je vois... j'espérais plus le long des lignes de "si je redimensionner ma fenêtre, la table est visible rowcount est ajusté en conséquence"... Cependant, au début, il semblait que la DIV a besoin d'une hauteur fixe depuis la création de celui-ci à 100% n'a pas été pris en compte. Cependant, j'ai trouvé une solution à ça aussi, je vais l'ajouter ci-dessous. Mais puisque vous me dirigea vers la bonne direction pour résoudre mon problème, j'ai marqué votre question correct 🙂

    OriginalL'auteur matz3

  2. 5

    Des hacks CSS est sale. Dans mon application j'utilise pour lier visibleRowCount à Tableau.longueur
    Par exemple, si vous avez des modèle avec ces données:

    [{firstName: 'John', lastName: 'Smith',
{firstName: 'David', lastName: 'Ericsson'}]

    Vous pouvez lier à Tableau propriété longueur comme ceci:

    var oTable = new sap.ui.table.Table({
  visibleRowCount : '{/length}'
})
    Salut Nicolas, grande réponse, et même si ce n'était pas particulièrement ce que je suis à la recherche d' -- je veux le nombre de lignes dépendant de ma hauteur de l'écran, pas le nombre d'éléments dans mon modèle, mais cela est certainement utile dans d'autres cas, et mérite donc mon upvote 🙂

    OriginalL'auteur Nikolay Nadorichev