Lightning コンポーネント開発者ガイド
j
No Results
Search Tips:
- Please consider misspellings
- Try different search keywords
入力コンポーネントの概要
ユーザは、値を選択または入力するために入力要素を使用してアプリケーションとやりとりします。フレームワークには、テキスト項目、ボタン、チェックボックスなど、一連の入力要素が備えられています。
ui:input には ui:inputText や ui:inputCheckbox などの子コンポーネントがあり、それぞれが共通の入力要素に対応しています。これらの各コンポーネントでは、さまざまな入力イベントがサポートされ、ユーザインターフェースイベントのイベント処理が簡略化されます。
入力コンポーネントの使用
独自のカスタムコンポーネントで入力コンポーネントを使用するには、.cmp または .app リソースに入力コンポーネントを追加します。次の例は、テキスト項目およびボタンの基本設定です。
1swfobject.registerObject("clippy.codeblock-0", "9");<ui:inputText label="Name" aura:id="name" value="" placeholder="First, Last"/>
2<ui:outputText aura:id="nameOutput" value=""/>
3<ui:button aura:id="outputButton" label="Submit" press="{!c.getInput}"/>ui:outputText コンポーネントは、対応する ui:inputText コンポーネントの出力値のプレースホルダとして機能します。ui:outputText コンポーネントの値は、クライアント側の次のコントローラアクションを使用して設定できます。
1swfobject.registerObject("clippy.codeblock-1", "9");getInput : function(cmp, event) {
2 var fullName = cmp.find("name").get("v.value");
3 var outName = cmp.find("nameOutput");
4 outName.set("v.value", fullName);
5 }