tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:Lightningアプリ開発『入力値の取得』

Lightningアプリ開発ではInputTextを次の書き方で表示できます。

<ui:InputText aura:Id="expname" label="Expense Name"
    class="form-control" placeholder="My Expense" required="true" />

このときのテキストボックスのIDは『expname』になっています。そしてcontroller.jsで入力された値を取得したい場合は次のような処理で取得できます。

var expnameField = component.find('expname');
var expname = expnameField.get('v.value');

f:id:tyoshikawa1106:20141031152556p:plain:w300


console.logで結果を表示してみるとこんな感じです。

f:id:tyoshikawa1106:20141031152753p:plain


問題なく取得できます。このui:inputTextですが次のように『value=』で値を指定できます。

<ui:InputText aura:Id="expname" label="Expense Name"
    class="form-control" value="{!v.newExpense.name}"
    placeholder="My Expense" required="true" />


このように指定した場合、『get('v.value')』では値を取得できないみたいです。

f:id:tyoshikawa1106:20141031153207p:plain


この場合の取得方法はまだよくわかりませんでした。またいろいろさわってから確認しようと思います。

追記

『value=』で指定したときに値が取得できなかったのは、処理の書き方が間違えていたからでした。正しく記載できていれば問題なく値の取得ができました。