1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    octobre 2011
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : octobre 2011
    Messages : 3
    Points : 1
    Points
    1

    Par défaut Récupérer le contenu de TextInput dans une Grid

    Bonjour,

    je vais essayer de faire cours concernant mon pb, et je tiens à préciser que je ne suis pas très expérimenter en Qt/Qml.

    Application : sudoku
    IDE: Qt Creator
    Plateforme: Symbian (emulator Qt)

    Alors pour représenter le sudoku j'ai donc une grille de 9 x 9 rectangles contenant chacun un TextInput (limité a 1 charactere). Je ve donc pouvoir recupérer dans un container la totalité des TextInputs, pour ensuite lancer mon alog en cpp pour verifier le sudoku.

    Il me faut donc un container dans lequel je mets tous les textinputs, et qu'il soit réutilisable dans du code cpp.

    Voici mon fichier contenant la page du sudoku.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
     
    import QtQuick 1.0
    import "testjs.js" as JS
    import com.nokia.symbian 1.0
     
     
    Page
    {
        id:root
        function slotRefresh() {box.width += 5; box.height += 5;}
        Flickable
        {
            width: parent.width
            height: parent.height
            contentWidth: sudoGrid.width
            contentHeight: sudoGrid.height
            clip: true
            Rectangle
            {
                id: sudoGrid
                width: root.width
                height: root.height * 2
                anchors.centerIn: parent
                color: "yellow"
                Rectangle
                {
                    id: top
                    width: root.width
                    height: root.height/5
                    radius: 10
                    gradient: Gradient
                    {
                    GradientStop {position: 0.0; color: "lightsteelblue"}
                    GradientStop {position: 1.0; color: "steelblue"}
                }
                Grid
                {
                    anchors.top: top.bottom
                    anchors.topMargin: 20
                    anchors.horizontalCenter: parent.horizontalCenter
                    columns: 3
                    rows: 3
                    Repeater
                    {
                        model:9
                        Rectangle
                        {
                            id:casetoto
                            width: 35 * 3
                            height: 35 * 3
                            color: "green"
                            border.color: "red"
                            border.width: 3
     
                            Grid
                            {
                                anchors.fill: parent
                                columns: 3
                                rows: 3
                                Repeater
                                {
                                    model: 9
                                    Rectangle
                                    {
                                        id: box
                                        width: 35
                                        height: 35
                                        color: "green"
                                        border.color: "red"
                                        border.width: 1
                                        Rectangle {
                                            id : background
                                            anchors.centerIn : parent
                                            width: 35
                                            height: 35
                                            color : "#CCCCCC";
                                            opacity : 0.6
                                            radius : 4
     
                                            Text {
                                                id: texteArriere
                                                anchors.fill: parent
                                                font.italic : true
                                                font.pointSize : 9
                                                color : "black" //couleur de texte
                                                height :30
                                                Behavior on opacity {NumberAnimation {duration: 200 }}
                                                text: "  ."
                                                opacity: {zoneText.text == "" ? 1 : 0}
                                            }
                                            TextInput {
                                                id: zoneText
                                                anchors {left: parent.left; top: parent.top; topMargin: 1; leftMargin: 10;}
                                                width: parent.width - 12
                                                height: 30
                                                font.pointSize : 9
                                                maximumLength: 1
                                                activeFocusOnPress: true
                                                MouseArea {
                                                    anchors.fill: parent
                                                    onClicked: { zoneText.text= "";
                                                        if (!zoneText.activeFocus)
                                                        {
                                                            zoneText.forceActiveFocus()
                                                            zoneText.openSoftwareInputPanel();
                                                        }
                                                        else
                                                        {
                                                            zoneText.focus = false;
                                                        }
                                                    }
                                                    onPressAndHold: zoneText.closeSoftwareInputPanel();
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    }

  2. #2
    Rédacteur
    Avatar de Amnell
    Homme Profil pro
    Étudiant
    Inscrit en
    mars 2009
    Messages
    1 840
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : mars 2009
    Messages : 1 840
    Points : 5 810
    Points
    5 810

    Par défaut

    Salut,

    Tout d'abord, un petit détail : ne serait-il pas mieux de limiter le contenu acceptable de votre TextInput à une valeur de 1 à 9 ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    TextInput {
        ...
        validator: IntValidator { top: 9; bottom: 1 }
    }
    Après, pour récupérer la valeur, il suffit d'accéder tout simplement à la propriété "text" du TextInput. Vous pouvez également savoir dans quelle case vous êtes avec les propriétés "index" associées aux deux Repeaters.

    Bonne continuation,
    Amnell.
    N'oubliez pas de consulter la FAQ Qt ainsi que les cours et tutoriels C++/Qt !

    Dernier article : Débuter avec les Enlightenment Foundation Libraries (EFL)
    Dernières traductions : Introduction à Qt Quick - Applications modernes avec Qt et QML
    Vous cherchez un livre sur Qt 5, Qt Quick et QML ? Créer des applications avec Qt 5 - Les essentiels

  3. #3
    Nouveau Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    octobre 2011
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : octobre 2011
    Messages : 3
    Points : 1
    Points
    1

    Par défaut

    salut,

    oui tout ca je sais, le problème n'est pas la. Comment mettre toutes ces valeurs des TextInput dans un seul et meme container ?

    Merci de la reponse.

  4. #4
    Rédacteur
    Avatar de Amnell
    Homme Profil pro
    Étudiant
    Inscrit en
    mars 2009
    Messages
    1 840
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : mars 2009
    Messages : 1 840
    Points : 5 810
    Points
    5 810

    Par défaut

    Citation Envoyé par guigui-in-the-place Voir le message
    oui tout ca je sais, le problème n'est pas la. Comment mettre toutes ces valeurs des TextInput dans un seul et meme container ?
    Plus explicitement dit, si je comprends bien, vous n'arrivez pas à accéder aux données de vos Repeaters depuis l'extérieur, comme ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    Button {
        onClicked: {
            for (var i = 0; i < 9; i++)
            {
                for (var j = 0; j < 9; j++)
                {
                    // Mince, que faire ?
                }
            }
        }
    }
    Si c'est le cas, je vous conseillerais plutôt de faire un ListModel contenant un tableau multidimensionel tab[9][9], contenant lui-même les valeurs des cases. Lors d'un changement de valeur d'un TextInput (onTextChanged), il y aurait modification de ce tableau, tout simplement.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    // Initialisation
    Component.onCompleted: {
        var tab = new Object();
        for (var i = 0; i < 9; i++)
        {
            var line = new Object();
            for (var j = 0; j < 9; j++)
            {
                line[j] = "0";
            }
            tab[i] = line;
        }
        monListModel.append({"table", tab});
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    // Modification
    TextInput {
        ...
        onTextChanged: {
            var tab = monListModel.get(0).table;
            // Les changements que vous souhaitez sur table.
           monListModel.set(0, {"table", tab});
        }
    }
    Avec "monListModel", utilisé dans vos Repeaters.

    Espérant avoir répondu à votre question,
    Amnell.
    N'oubliez pas de consulter la FAQ Qt ainsi que les cours et tutoriels C++/Qt !

    Dernier article : Débuter avec les Enlightenment Foundation Libraries (EFL)
    Dernières traductions : Introduction à Qt Quick - Applications modernes avec Qt et QML
    Vous cherchez un livre sur Qt 5, Qt Quick et QML ? Créer des applications avec Qt 5 - Les essentiels

  5. #5
    Nouveau Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    octobre 2011
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : octobre 2011
    Messages : 3
    Points : 1
    Points
    1

    Par défaut

    Bonsoir,

    oui exactement ça. Je teste ça demain et je vous tiens au courant.
    Merci,l'explication était claire, ça fait plaisir.

Discussions similaires

  1. Réponses: 3
    Dernier message: 26/11/2013, 21h12
  2. Réponses: 4
    Dernier message: 02/07/2012, 10h17
  3. [XL-97] Récupérer contenu fichier TXT dans une cellule !
    Par Garth69 dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 16/02/2011, 23h37
  4. récupérer contenu champ indicé dans une table
    Par jpclutier dans le forum VBA Access
    Réponses: 1
    Dernier message: 27/10/2010, 11h56
  5. [DOM] Récupérer le contenu XML affiché dans une Iframe
    Par esseki dans le forum JavaScript
    Réponses: 10
    Dernier message: 26/06/2008, 17h08

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo