Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. Need help for a TreeView
Forum Updated to NodeBB v4.3 + New Features

Need help for a TreeView

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
30 Posts 3 Posters 9.5k Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • EddyE Eddy

    Hi,

    did you have a look at the QML Treeview docs
    There is an example there.

    The picture you're a referring to is missing in your post. Can you add it? Then we can understand better what you want to do.

    A Offline
    A Offline
    Arkning
    wrote on last edited by
    #3

    @Eddy My bad, the picture was on a USB key so it didn't save it ^^. And yes has I said I've looked at the QML TreeView docs and thanks for your answer, hope the picture will be helpful.

    1 Reply Last reply
    0
    • EddyE Offline
      EddyE Offline
      Eddy
      wrote on last edited by
      #4

      Hi Arkning,

      Your picture is still missing

      how did you insert it? Did you use a image provider? Then use the following syntax to put it in your post :

       ![alternate text](url)
      

      Qt Certified Specialist
      www.edalsolutions.be

      A 1 Reply Last reply
      0
      • EddyE Eddy

        Hi Arkning,

        Your picture is still missing

        how did you insert it? Did you use a image provider? Then use the following syntax to put it in your post :

         ![alternate text](url)
        
        A Offline
        A Offline
        Arkning
        wrote on last edited by Arkning
        #5

        @Eddy I insert it by drag and dropping it.

        1 Reply Last reply
        0
        • EddyE Offline
          EddyE Offline
          Eddy
          wrote on last edited by
          #6

          I don't think that will work. Do you see your image after drag and drop?
          At least I don't see it over here.

          please follow the instructions in this link
          to show us your picture, otherwise it will be difficult to help you out.

          Eddy

          Qt Certified Specialist
          www.edalsolutions.be

          A 1 Reply Last reply
          0
          • EddyE Eddy

            I don't think that will work. Do you see your image after drag and drop?
            At least I don't see it over here.

            please follow the instructions in this link
            to show us your picture, otherwise it will be difficult to help you out.

            Eddy

            A Offline
            A Offline
            Arkning
            wrote on last edited by
            #7

            @Eddy Yes I see It (the picture is inside the first message), but It's an image from my computer not from internet so url doesn't work

            1 Reply Last reply
            0
            • F Offline
              F Offline
              Fheanor
              wrote on last edited by
              #8

              Upload it on internet and share it to us, it will be more easier I think

              A 1 Reply Last reply
              0
              • F Fheanor

                Upload it on internet and share it to us, it will be more easier I think

                A Offline
                A Offline
                Arkning
                wrote on last edited by Arkning
                #9

                @Fheanor https://www.google.fr/search?q=arborescence&source=lnms&tbm=isch&sa=X&ved=0ahUKEwie0IjOtPbTAhUKJlAKHdl6DaEQ_AUICigB&biw=1920&bih=908#imgrc=IYXrqFXnP7ShfM:

                I try with an url but it didn't work so here is a link to a photo on google image that show what I want.

                1 Reply Last reply
                0
                • F Offline
                  F Offline
                  Fheanor
                  wrote on last edited by
                  #10

                  Looks like you have to use a TreeView with Rectangle Delegate on each line

                  A 1 Reply Last reply
                  0
                  • F Fheanor

                    Looks like you have to use a TreeView with Rectangle Delegate on each line

                    A Offline
                    A Offline
                    Arkning
                    wrote on last edited by
                    #11

                    @Fheanor Thanks for the answer do you have a code example ?

                    1 Reply Last reply
                    0
                    • F Offline
                      F Offline
                      Fheanor
                      wrote on last edited by Fheanor
                      #12

                      I don't have an example that correspond to your example, but these are two examples of how you can use Delegate inside a TreeView.

                      • You can use the itemDelegate property of a TreeView . This example will change the color of each line:
                      itemDelegate: Rectangle {
                             color: ( styleData.row % 2 == 0 ) ? "white" : "lightblue"
                             Text {
                                 anchors.verticalCenter: parent.verticalCenter
                                 anchors.left: parent.left
                                 text: styleData.value // this points to the role we defined in the TableViewColumn below; which one depends on which column this delegate is instantiated for.
                             }
                      }
                      
                      • You can also define a special Delegate for each column of your TreeView like that:
                      TableViewColumn {
                             id : someColumn
                             role: "someRole"
                             title: someRole
                             delegate : Rectangle {
                                 ...
                           }
                      }
                      

                      Now you have to play with this to draw what you want

                      A 1 Reply Last reply
                      0
                      • F Fheanor

                        I don't have an example that correspond to your example, but these are two examples of how you can use Delegate inside a TreeView.

                        • You can use the itemDelegate property of a TreeView . This example will change the color of each line:
                        itemDelegate: Rectangle {
                               color: ( styleData.row % 2 == 0 ) ? "white" : "lightblue"
                               Text {
                                   anchors.verticalCenter: parent.verticalCenter
                                   anchors.left: parent.left
                                   text: styleData.value // this points to the role we defined in the TableViewColumn below; which one depends on which column this delegate is instantiated for.
                               }
                        }
                        
                        • You can also define a special Delegate for each column of your TreeView like that:
                        TableViewColumn {
                               id : someColumn
                               role: "someRole"
                               title: someRole
                               delegate : Rectangle {
                                   ...
                             }
                        }
                        

                        Now you have to play with this to draw what you want

                        A Offline
                        A Offline
                        Arkning
                        wrote on last edited by Arkning
                        #13

                        @Fheanor Ok thanks i'll try I will let you know about my situation. Again thanks for the answers and your time !

                        1 Reply Last reply
                        0
                        • F Offline
                          F Offline
                          Fheanor
                          wrote on last edited by
                          #14

                          You are welcome :)

                          A 1 Reply Last reply
                          0
                          • F Fheanor

                            You are welcome :)

                            A Offline
                            A Offline
                            Arkning
                            wrote on last edited by
                            #15

                            @Fheanor Hi, so I didn't manage to make it work, now just forget about the Rectangle thing, I just want to make a Treeview so can you help me ?

                            F 1 Reply Last reply
                            0
                            • A Arkning

                              @Fheanor Hi, so I didn't manage to make it work, now just forget about the Rectangle thing, I just want to make a Treeview so can you help me ?

                              F Offline
                              F Offline
                              Fheanor
                              wrote on last edited by
                              #16

                              @Arkning You need to share what you try to do so we can help you. What is not working when you try to make a TreeView ?
                              This example that was linked before works perfectly.

                              A 1 Reply Last reply
                              0
                              • F Fheanor

                                @Arkning You need to share what you try to do so we can help you. What is not working when you try to make a TreeView ?
                                This example that was linked before works perfectly.

                                A Offline
                                A Offline
                                Arkning
                                wrote on last edited by
                                #17

                                @Fheanor I have some assigning the model value, the example that you gave me the TableViewColumn part work but not the model one, Qt tell me that fileSystemModel doesn't exist. Actually I just want to add some "node" or p"parent" to my Treeview and of course some "children" I suppose it has a link with the model but I don't know how to do it. Hope it is more clear now. Thanks again for your time !

                                F 1 Reply Last reply
                                0
                                • A Arkning

                                  @Fheanor I have some assigning the model value, the example that you gave me the TableViewColumn part work but not the model one, Qt tell me that fileSystemModel doesn't exist. Actually I just want to add some "node" or p"parent" to my Treeview and of course some "children" I suppose it has a link with the model but I don't know how to do it. Hope it is more clear now. Thanks again for your time !

                                  F Offline
                                  F Offline
                                  Fheanor
                                  wrote on last edited by
                                  #18

                                  @Arkning
                                  This example is in your QtExample folder.
                                  Just open your IDE, click on Examples and then write : TreeView. You will see the project.

                                  A 1 Reply Last reply
                                  0
                                  • F Fheanor

                                    @Arkning
                                    This example is in your QtExample folder.
                                    Just open your IDE, click on Examples and then write : TreeView. You will see the project.

                                    A Offline
                                    A Offline
                                    Arkning
                                    wrote on last edited by
                                    #19

                                    @Fheanor I don't have Examples on my IDE... Where should it be on the screen ?

                                    F 1 Reply Last reply
                                    0
                                    • F Offline
                                      F Offline
                                      Fheanor
                                      wrote on last edited by
                                      #20

                                      You can also create a TreeModel in C++ and then bind it to your Qml TreeView :

                                      model: myTreeModel
                                      

                                      If you don't understand how to bind model and view, have a look on this

                                      F 1 Reply Last reply
                                      0
                                      • A Arkning

                                        @Fheanor I don't have Examples on my IDE... Where should it be on the screen ?

                                        F Offline
                                        F Offline
                                        Fheanor
                                        wrote on last edited by Fheanor
                                        #21

                                        @Arkning Do you use QtCreator ? Because there are Examples folders in it.
                                        If you don't use it, download and install QtCreator.

                                        A 1 Reply Last reply
                                        0
                                        • F Fheanor

                                          @Arkning Do you use QtCreator ? Because there are Examples folders in it.
                                          If you don't use it, download and install QtCreator.

                                          A Offline
                                          A Offline
                                          Arkning
                                          wrote on last edited by
                                          #22

                                          @Fheanor Yes I'm using QtCreator

                                          F 1 Reply Last reply
                                          0

                                          • Login

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Categories
                                          • Recent
                                          • Tags
                                          • Popular
                                          • Users
                                          • Groups
                                          • Search
                                          • Get Qt Extensions
                                          • Unsolved