go focus to The Next Element in qml

Like the following picture:
Attachment 11512
By pressing the tab,focus Change.

http://doc.qt.io/qt-5/qml-qtquick-keynavigation.html

Cheers,
_

My problem is:
with press Button tab ,Focus doesn"t go to Next Element!

Then you'll have to show the code that exhibits the problem.

Cheers,
_

Code:

---

import QtQuick 2.0
import QtQuick.Controls 1.1
 
Rectangle {
    id: root
    color: "#ffffff"
    width: 320
    height: 320
	border.width: 5
	border.color: "#000000"	
 
 	Rectangle {
		id: mo
		x: 100
		y: 8
		width: 110
		height: 20
		border.width: 1
		border.color: "#000000"
		radius: 10 
		focus: true
	}
 
	TextEdit {
		id: textEdit1
		x: 100
		y: 8
		width: 110
		height: 20
		text: ctrl.name
		font.pixelSize: 12		
		clip:true
		focus: true	
	}
 
	Button {
		id: button1
		x: 130
		y: 34
		width: 50
		height: 27
		focus: true
		text: qsTr("ارسال")
		onClicked: {
			ctrl.name = textEdit1.text
			ctrl.hello()
		}
 
	}
 
    Text {
        id: text1
        x: 100
        y: 67
        width: 110
        height: 23
        text: ctrl.message
        font.pixelSize: 12
    }
}

---

The Rectangle doesn't need focus, it doesn't deal with keyboard input.

And your code snippet is missing the KeyNavigation entries.

Cheers,
_