Salesforceもくもく会 #7

1. Salesforce もくもく会 #7
Ligtningの入力フォーム
Taiki Yoshikawa

2. - Profile -
Taiki Yoshikawa
http://tyoshikawa1106.hatenablog.com/
@tyoshikawa1106
+TaikiYoshikawa
tyoshikawa1106
tyoshikawa1106

3. • Lightningの入力フォームについて
• 特にルックアップの話です
- Agenda -

4. Salesforce ClassicではapexタグのinputFieldをつかって
ルックアップ項目や日付項目などを簡単に表示できました

5. Lightning Componentではapexタグが利用できないため
自分でどうにかする必要があります

6. 特にルックアップの入力項目は必ず必要になると思います

7. CSS部分についてはLightning Design Systemが対応してくれます
あとはJS部分を頑張れば大丈夫です

8. ということでルックアップ入力欄の実装を
試してみました

9. DEMO！！

10. SLDSでルックアップ項目をこんな感じにつくれます

11. ルックアップ項目の実装イメージです

12. 今回Lightning Component用として試してみましたが
SLDSはVisualforce開発などでも利用できます
使い方を覚えておくとExperience向けの画面開発で
役に立つと思います

13. サンプルコード
https://github.com/tyoshikawa1106/lightnign-input-form

14. Thank you