文字欄位和文字區域
若要以文字作為輸入,我們使用元件、文字欄位和文字區域。
JUI中的文字區域元件代表html <textarea/>
。
const textAreaJSON = {
"component": "textarea", //tells the component name
"id": "input_name", // can be used to give a unique identifier to a component
"data": "@name", // the variable storing the inputted text
"on-keyup": {
"name": "submitName",
"eventArgs": {
"keys": [
"ENTER"
]
}
},
},
這裡,on-keyup
是叫用控制器中命令的語法。
這會產生textArea,按ENTER鍵會呼叫事件submitName
演算後的文字區域看起來像這樣:
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178