在Bixby的JavaScript代码中,您可以使用input-view
标签来创建一个输入表单视图,并使用output
标签来定义表单元素文本输入。以下是一个示例代码:
action (ExampleAction) {
description (Example action)
type (Search)
collect {
input (formData) {
type (FormData)
min (Required) max (One)
}
}
output (FormData)
}
input-view {
match: FormData (this)
message {
template ("Please enter your details:")
}
render {
form {
elements {
text-input {
id (firstName)
type (Name)
label ("First Name")
value ("#{value(firstName)}")
}
text-input {
id (lastName)
type (Name)
label ("Last Name")
value ("#{value(lastName)}")
}
}
on-submit {
goal: ExampleAction
value: FormData {
firstName (form.firstName)
lastName (form.lastName)
}
}
}
}
}
在上面的代码中,我们定义了一个名为ExampleAction
的动作,它接收一个FormData
输入并返回相同的FormData
类型的输出。在input-view
部分,我们通过text-input
元素创建了两个表单元素,分别是“First Name”和“Last Name”。当用户在这些输入框中输入值并提交表单时,我们将触发ExampleAction
动作,并将表单数据作为输出返回。
请注意,在上述代码中,我们使用了#{value(firstName)}
和#{value(lastName)}
来引用输入框的当前值,并在输入框中显示它们。
上一篇:Bixby: 最新的胶囊库版本