Cara Mengambil Value TextField di NativeScript

Bagi programmer atau pengguna pemula dari NativeScript mungkin kebingungan bagaimana cara mengambil isi dari input text di NativeScript. Sebenarnya, caranya sangat mudah. Saya akan coba menjelaskan cara mengambil isi dari input text (yang di NativeScript biasa disebut TextField) dengan contoh kasus: Mengambil value pada textfield di NativeScript ketika tombol diklik Penjelasan:

1. Seperti yang (mungkin) anda ketahui, ada 2 elemen dalam sebuah page android yang dibuat di NativeScript, yaitu elemen xml dan elemen js. Elemen xml adalah tampilan utama dari sebuah page, seperti halnya code html dalam sebuah web. Sementara elemen js atau javascript adalah tempat dimana operasi-operasi dan action atas halaman utama ditulis dan dijalankan: apa yang akan terjadi jika suatu tombol di klik, bagaimana warna dari suatu elemen halaman, dan lain sebagainya, ditulis di file js ini.
2. Di halaman xml, kita membuat satu page yang berisi satu label (tulisan) bertuliskan "Kenalan yuk", satu TextField tempat user mengetik namanya, dan satu tombol dengan text "kenalan". Silakan lihat tampilan halaman dibawah ini:
   
   Dan jika user sudah mengetik namanya, maka akan muncul halaman ini:
   
   Logika halaman ini adalah: kalau user sudah mengetik namanya dan user mengklik tombol kenalan, maka akan muncul label bertuliskan "Nama kamu adalah " + nama user yang diketik.
3. Berikut adalah isi file xml-nya: <page loaded="loadSignUpView"> <stacklayout> <label class="h2" text="Kenalan yuk"> <textfield id="name" width="200"> <button hint="ketik nama anda" id="kenalan" text="Kenalan" width="150"> <label id="result" text=" " textwrap="true"> </label></button></textfield></label></stacklayout> </page>
4. Berikut adalah isi file js-nya: var view = require("ui/core/view"); function onLoad(args) { var page = args.object; var nameTextField = view.getViewById(page, "name"); var kenalanButton = view.getViewById(page, "kenalan"); var resultLabel = view.getViewById(page, "result"); kenalanButton.on("tap", function () { var result = ""; if(nameTextField.text === "") result = "Error: kamu belum mengisi nama"; else result = "Nama anda adalah " + nameTextField.text; resultLabel.text = result; }); } exports.loadSignUpView = onLoad;

Demikian adalah cara mengambil isi TextField di NativeScript. Harap diingat bahwa saya masih dalam tahap belajar. Bagi anda yang memiliki solusi lebih baik untuk mengambil value dari input text di NativeScript, saya senang sekali jika anda bisa berbagi pengetahuan dengan saya. Semoga artikel singkat ini bisa membantu developer android yang baru belajar NativeScript. Terima kasih (AS)