Rendre un TableView éditable

Version imprimable

28/11/2013, 16h46
Jiyuu

Rendre un TableView éditable

:salut:

Je cherche à rendre un TableView éditable dans le but de potentiellement remplir facilement une base de données.

Pour faire simple, j'alimente un TableView via une base de données et si j'aimerai pouvoir faire les éventuelles modifications directement dedans... mais avant tout ça il faut rendre la bête éditable.

Je suis tombé sur cet exemple : http://qt-project.org/doc/qt-5.1/qtq...-main-qml.html

Il y a une partie qui fait pile poil ce que je veux mais ça me parait bizarre qu'il n'y ai pas une solution plus simple comme une propriété editable que l'on passerait à true ou false.

Quelqu'un aurait une solution ou faut absolument passer par l'exemple que j'ai trouvé ?

D'avance merci à tous.

J
28/11/2013, 21h01
Christophe

Pourquoi ne pas plutôt utiliser qtablewidget, en éventuellement le vérouillant si il ne doit pas être édité

Il n'y a pas de TableView à rendre editable. Seulement effectuer le "set" dans le delegate.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
Component {
  id: editableDelegate
  TextInput {
    text: styleData.value
    onAccepted: {
            model.setProperty(styleData.row, styleData.role, text)  // ou ton SQL
    }
    MouseArea {
      anchors.fill: parent
      onClicked: textinput.forceActiveFocus()
    }
}

C'est plutôt simple, non ?

Citation:

Envoyé par chrtophe

Pourquoi ne pas plutôt utiliser qtablewidget, en éventuellement le vérouillant si il ne doit pas être édité

Tout simplement car, sauf erreur de ma part, QTableWidget n'est pas disponible directement dans Qt Quick. Il doit bien y avoir la possibilité de "l'embarqué" soit même, mais tant qu'à faire je préfère éviter.
Citation:
Envoyé par loupium
Il n'y a pas de TableView à rendre editable. Seulement effectuer le "set" dans le delegate.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 Component { id: editableDelegate TextInput { id : textinput // petit ajout oublié dans ton code. text: styleData.value onAccepted: { model.setProperty(styleData.row, styleData.role, text) // ou ton SQL } MouseArea { anchors.fill: parent onClicked: textinput.forceActiveFocus() } }
C'est plutôt simple, non ?
Oui effectivement... j'ai trop pris peur lorsque j'ai vu l'exemple :mouarf:
Et il faut juste pensé à rajouter

Code:

itemDelegate :editableDelegate

dans les propriétés du TableView et c'est tout bon.

Un grand merci à toi.