title: Horizontal listView inside Vertical Listview in qml
body: <p>I want to make an horizontal listView works as a delegate for another veritcal listView, I've wrote the following code:</p>
  
  <pre><code>import Qt 4.7
  
  Item {
      id:main
      width: 360
      height: 640
  
      Component{
          id:myDelegate
              ListView{
                  id:list2
                  spacing: 5
                  width:list.width
                  height:list.height/3
                  interactive: true
                  orientation: ListView.Horizontal
                  model: ListModel {
                      ListElement {
                          name: "Bill Smith"
                          number: "555 3264"
                      }
                      ListElement {
                          name: "John Brown"
                          number: "555 8426"
                      }
                      ListElement {
                          name: "Sam Wise"
                          number: "555 0473"
                      }
  
                      ListElement {
                          name: "Sam Wise"
                          number: "555 0473"
                      }
  
                      ListElement {
                          name: "Sam Wise"
                          number: "555 0473"
                      }
                  }
                  delegate: Text{text:name
                  width: main.width/3}
  
                  focus: true
                  MouseArea {
                      anchors.fill:  parent
                      onClicked: {
                          ListView.list2.currentIndex = ListView.list2.indexAt(mouseX, mouseY)
                      }
                  }
  
              }
      }
  
      ListView {
          id: list
          clip: true
          spacing: 5
          anchors.fill: parent
          orientation: ListView.Vertical
          model: Model{}
          delegate:myDelegate
  
  //        highlight: Rectangle {
  //            width: list.currentItem.width
  //            color: "lightsteelblue"
  //            radius: 5
  //        }
          focus: true
          MouseArea {
              anchors.fill:  parent
              onClicked: {
                  list.currentIndex = list.indexAt(mouseX, mouseY)
              }
          }
      }
  }
  </code></pre>
  
  <p>The vertical listview scroll well but the horizontal one does not scroll.
  Any help?
  Thanks</p>