ComboBox 详解:
以下是 ComboBox 的一些重要属性和特性:
-
model: 用于指定 ComboBox 中的选项列表,可以是一个数组、列表、模型或者其他可迭代的数据结构。
-
editable: 用于指定是否允许用户编辑 ComboBox 中的文本输入框,以便输入非预定义的选项。
-
currentIndex: 用于获取或设置当前选中项的索引位置。
-
currentText: 用于获取或设置当前选中项的文本内容。
-
onActivated: 用于定义当用户选择了下拉框中的某一项时触发的事件处理。
ComboBox 提供了一种简单而直观的方式来让用户从一组选项中进行选择,同时也支持用户自定义输入。
例子1
ComboBox {
id: comboBox // 定义一个 ComboBox 控件,并指定 id 为 comboBox
model: ["Apple", "Banana", "Orange"] // 设置下拉框的模型为一个字符串数组
editable: true // 允许用户编辑输入框
onActivated: { // 当用户选择了下拉框中的某一项时触发的事件处理
console.log("Selected fruit:", currentText) // 打印当前选中项的文本内容
}
}