ListView cannot focus

[Decodetalkers]

I want to focus on the item and select the item in the listview, and listen to the keyboard event of enter, but I cannot find how to use up and down to select the item in listview

[ogoffart]

The StandardListView widget actually handle the up and down keys. Here is the implementation in case you want to do the same in your custom ListView:

slint/internal/compiler/widgets/fluent/std-widgets.slint

Lines 496 to 528 in b1b4a44

	export StandardListView := ListView {
	property<[StandardListViewItem]> model;
	property<int> current-item: -1;
	for item[idx] in model : Rectangle {
	l := HorizontalLayout {
	padding: 8px;
	spacing: 0px;
	t := Text {
	text: item.text;
	color: Palette.neutralPrimary;
	}
	}
	background: idx == root.current-item ? Palette.neutralLighter
	: touch.has-hover ? Palette.neutralLighterAlt : transparent;
	touch := TouchArea {
	width: parent.width;
	height: parent.height;
	clicked => { current-item = idx; }
	}
	}
	FocusScope {
	key-pressed(event) => {
	if (event.text == Keys.UpArrow && current-item > 0) {
	current-item -= 1;
	return accept;
	} else if (event.text == Keys.DownArrow && current-item + 1 < model.length) {
	current-item += 1;
	return accept;
	}
	reject
	}
	}
	}

Edit: The part that handle the keys is the FocusScope part, line 516

[Decodetalkers]

The StandardListView widget actually handle the up and down keys. Here is the implementation in case you want to do the same in your custom ListView:

slint/internal/compiler/widgets/fluent/std-widgets.slint

Lines 496 to 528 in b1b4a44

	export StandardListView := ListView {
	property<[StandardListViewItem]> model;
	property<int> current-item: -1;
	for item[idx] in model : Rectangle {
	l := HorizontalLayout {
	padding: 8px;
	spacing: 0px;
	t := Text {
	text: item.text;
	color: Palette.neutralPrimary;
	}
	}
	background: idx == root.current-item ? Palette.neutralLighter
	: touch.has-hover ? Palette.neutralLighterAlt : transparent;
	touch := TouchArea {
	width: parent.width;
	height: parent.height;
	clicked => { current-item = idx; }
	}
	}
	FocusScope {
	key-pressed(event) => {
	if (event.text == Keys.UpArrow && current-item > 0) {
	current-item -= 1;
	return accept;
	} else if (event.text == Keys.DownArrow && current-item + 1 < model.length) {
	current-item += 1;
	return accept;
	}
	reject
	}
	}
	}

Edit: The part that handle the keys is the FocusScope part, line 516

Another question, I use the textedit and a listview, after I edit in textedit, then focus is in textedit, how to change the focus to listview again? or set the focus back to the root

I see, focus()