title: Multiple delegates and multiple models use in same list view in same QML
body: <p>Can anyone suggest how can we use multiple delegates and multiple models in same <code>PathView</code> in same QML?</p>
  
  <p>My requirement is like when I double click on rectangle (<code>id: myWin</code>) I will get <code>QDialog</code> window (<code>InterfacageQML.mouseClick()</code>).</p>
  
  <p>It appears only when I double click on rectangle (<code>id: rectImage</code>). </p>
  
  <p>Here is the <code>MainForm.qml</code>:</p>
  
  <pre><code>import QtQuick 2.6
  import QtQuick.Controls 2.0 as QQC2
  import Interfacage 1.0
  
  Rectangle {
      id: big
      width: 800
      height: 800
      color: "white"
  
      Image {
          source: "pics/Resources/background_resize.jpg" //background
  
          ListModel {
              id: appModel2
              ListElement {
                  icon : "pics/Resources/more.png"
              }
          } // ListModel2
  
          Component {
              id: appDelegate2
              Item {
                  width: 100
                  height:100
                  scale: PathView.iconScale2
                  anchors.bottom: parent.bottom
                  anchors.right: parent.right
  
                  Rectangle {
                      width:130; height: 80
                      id: myWin
                      color: "transparent"
                      anchors.bottom: parent.bottom
                      anchors.right: parent.right
                      Image {
                          id: image1
                          y: 30
                          anchors.centerIn: parent
                          anchors.bottom: parent.bottom
                          anchors.right: parent.right
                          source: icon
  
                          MouseArea {
                              anchors.fill: parent                                
                              onDoubleClicked: 
                                  InterfacageQML.mouseClick()
                              }                                
                          } // MouseArea
                      } // image1                       
                  } // myWin
              } // Item
          } // appDelegate2
  
          PathView {
              id: view2
              anchors.fill: parent
              highlight: appHighlight
              preferredHighlightBegin: 0.5
              preferredHighlightEnd: 0.5
              focus: true
              model: appModel2
              delegate: appDelegate2
              path: Path {
                  startX: 700
                  startY: 200
                  PathAttribute {
                      name: "iconScale2"
                      value: 0.8
                  }
                  PathQuad {
                      x: 1620
                      y: 310
                      controlX: 700
                      controlY: 310
                  }
              } // Path
          } // PathView
  
          ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
          ListModel 
              id: appModel                
              ListElement {
                  name: "CONTROLEUR"
                  icon: "pics/Resources/user.png"
              }
  
              ListElement {                    
                  name: "CONTROLEUR QUALITE"
                  icon: "pics/Resources/user.png"
              }
              ListElement {                    
                  name: "ADMINISTRATEUR"
                  icon: "pics/Resources/user.png"
              }
              ListElement {                    
                  name: "CREATEUR"
                  icon: "pics/Resources/user.png"
              }
          } // ListModel1
  
          Component {
              id: appDelegate                
              Item {
                  width: 100
                  height:100
                  scale: PathView.iconScale                   
  
                  Rectangle{
                      id: rectImage
                      width: 400
                      height: 500
                      color: "lightsteelblue"
                      //anchors.bottom: myIcon.background
                      anchors.horizontalCenter: parent.horizontalCenter
  
                      Image {
                          id: myIcon
                          y: 20
                          //anchors.centerIn: parent
                          anchors.horizontalCenter: parent.horizontalCenter
                          source: icon
                      } // Image
  
                      Text {
                          anchors {
                              bottom: parent.bottom
                              horizontalCenter: parent.horizontalCenter
                              centerIn: parent.centerIn   
                          }                            
                          text: name
                          color: "white"
                          font.pointSize: 26
                      } // Text
  
                      MouseArea {
                          anchors.fill: parent
                          onClicked: {
                              view.currentIndex = index
                          }
                          onDoubleClicked: {
                              InterfacageQML.mouseClick()
                          }
                      } // MouseArea
  
                  } // Rectangle
              } // Item
          } // Component
  
          PathView {
              id: view
              anchors.fill: parent
              highlight: appHighlight
              preferredHighlightBegin: 0.5
              preferredHighlightEnd: 0.5
              focus: true
              model: appModel
              delegate: appDelegate
              path: Path {
                  startX: 500
                  startY: 310
                  PathAttribute {
                      name: "iconScale"
                      value: 0.8
                  }
  
                  PathQuad {
                      x: 1620
                      y: 310
                      controlX: 700
                      controlY: 310
                  }
  
                  PathAttribute {
                      name: "iconScale"
                      value: 0.8
                  }
  
                  PathQuad {
                      x: 488
                      y: 310
                      controlX: 10
                      controlY: 310
                  }
  
                  PathAttribute {
                      name: "iconScale"
                      value: 0.8
                  }
              } // Path
          } // PathView
      } // background Image
  } // Rectangle
  </code></pre>