sap.m.Sélectionnez: démarrer avec un vide de sélection de l'élément d'entrée

Lors de l'utilisation d'une agrégation de données sur sap.m.Select, la première entrée est toujours sélectionné. Voici un lien vers le SDK de prévisualisation.

Exemple de code à partir de mon application

new sap.m.Select("id-names", {
    width: '100%',
}).bindAggregation("items", "data>/trip/names", new sap.ui.core.Item({
    text: "{data>Name}"
}));

Il y a un paramètre appelé selectedKey sur le constructeur pour le changer en un autre indice. Ce que je veux, c'est le sélectionner pour être vide, parce que je veux à la force de mes utilisateurs à faire un choix, pas doux accepter la première entrée dans la liste.

Je pouvais forcer une entrée vide dans mon agrégation data>/trip/names mais qui ne pollue ma liste.

Est-il un meilleur moyen pour y parvenir?

OriginalL'auteur Jorg | 2015-07-07

  1. 3

    Actuellement, aucun. Il semble y avoir pas de meilleure façon.
    Il y a un billet pour que sur GitHub.

    Eh bien, c'est décevant... c'Est le GitHub problème de la vôtre?
    Maintenant, il est possible de github.com/SAP/openui5/commit/..., vient de mettre à forceSelection valeur false à la propriété.
    C'est une sorte de possible, bien qu'il leur manque la moitié de la fonctionnalité. Une fois qu'un élément est sélectionné, il n'est pas possible de désélectionner un élément.

    OriginalL'auteur masch

  2. 10

    Depuis le OpenUI5 version 1.34, vous pouvez définir la forceSelection propriété false.

    La forceSelection propriété indique si le choix est limité à l'un des éléments de la liste. La valeur par défaut est true (ce qui signifie, si la sélection n'est pas définie, le premier élément de la liste est sélectionné).

    Lors de la mettre à l' false?

    Si vous ne voulez pas un élément par défaut pour être pré-sélectionné.

    Des informations supplémentaires
    https://github.com/SAP/openui5/commit/b2191fd50e2115f8f9d2db7604a75fb50c57591f

    OriginalL'auteur arley

  3. 1

    Même si cette solution n'est pas grande, j'ai réussi à obtenir le champ vide bâton par l'ajout, à la fois, la forceSelection=false à la propriété, et aussi dans le contrôleur de fonction onInit (j'ai utilisé de l'élément Select):

        var codeField = this.getView().byId("codeField");
    setTimeout(function() {
        codeField.insertItem(new sap.ui.core.ListItem({text: '', key: undefined}), 0);
    }, 1000);

    Si le forceSelection=false est à gauche, le champ de charge soit trop tôt ou trop tard pour le menu déroulant, qui sera la cause de la mauvaise sélection pour être visible. Espérons que cela aide quelqu'un.

    OriginalL'auteur Victor S.

  4. 0

    Vous pouvez également étendre le contrôle et construire votre propre sélectionnez avec, par exemple, un paramètre supplémentaire ajouter de choix vide...je suis aussi en train de penser que...

    Comment est-ce que contourner le problème de pollution de l'ensemble de données? Je suis d'accord, il pourrait être plus propre mais dans une perspective de code... Maintient de la logique en un seul endroit
    L'ajout d'un choix vide pour le contrôle de ne pas polluer les données dans le modèle.

    OriginalL'auteur hackToxa

  5. 0

    C'est aussi mon avis, pour éviter de jouer avec le jeu de données et beaucoup aimé l'idée d'ajouter un point supplémentaire de l'agrégat. Cependant mon amélioration est d'utiliser un module de formatage sur le contrôle de lui-même si il est clairement visible et exécuté au bon moment.
    Je peux utiliser un module de formatage pleinement qualifiés contrôleur pour obtenir le contrôle en tant que 'ce paramètre. Dans le formateur en fonction je ajouter un ListItem, tel que proposé par @Victor S

    En vue XML

    <Select forceSelection="false" selectedKey="{model>/key}" items="{path: 'model>/Items'}" icon="{path: '', formatter: 'mynamespace.Utils.addDeselectOption'}">

    Dans le dossier Utils contrôleur:

    addDeselectOption: function() {
    var that = this;
    this.getBinding("items").attachDataReceived(function(){
        that.insertItem(new sap.ui.core.ListItem({text: '', key: undefined}), 0);
    });
}

    Œuvres de moi dans UI5 1.52

    OriginalL'auteur stm