入力コンポーネントの概要

入力コンポーネントの使用

独自のカスタムコンポーネントで入力コンポーネントを使用するには、.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    }

使用可能な共通の項目コンポーネントは、次のとおりです。