Form Ekranına Veri Bağlama
About this lesson
Bu öğrenme içeriğinde, önceki öğrenme içeriklerinde Save Record aksiyonu eklediğimiz Bir fikrim var web uygulaması yeni fikir oluşturma ekranında veri bağlama işlemlerini gerçekleştireceğiz.
- Bir fikrim var web uygulamasında yer alan yeni fikir ekleme ekranını açın.
Ekranda yer alan Suggestion Kategorisini seçmeye olanak sağlayan SelectBox için tüm kategorileri çekmeye olanak sağlayan bir select aksiyonuna ihtiyaç duyulmaktadır
- Custom Action panelini açın.
- + ikonuna tıklayın Add SQL action seçeneğini seçin.
- Açılan editörde solda yer alan tablolar içinde IDeaCategory tablosunu bulun ve yanında çıkan 3 nokta aracılığıyla Select aksiyonu seçin, isimlendirin ve Create butonuna tıklayın.
- Form ekranında Initial Action olarak oluşturmuş olduğunuz aksiyonu ekleyin.
- Kategorileri listeleyecek SelectBox elementini seçin.
- Properties panelde Options altında aksiyon olarak kategorileri listelemek için oluşturduğunuz aksiyonu seçin.
- Ardından Field to Display alanında CategoryName, Field to use as Key alanında ID seçimini yapın.
Builder 1 Eğitimi Kapsamında tek görsel yüklemeye olanak sağlayan kurgu üzerinden görsel yükleme işlemlerini yürütelim.
- GalleyView içerisinde yer alan görseli GalleryView dışına sürükleyin.
- GalleryView’in bulunduğu Row’u silin.
- Image elementini bulunduğu kolon içinde ortalayın.
- Add butonunu seçin.
- PhotoFromGallery aksiyonunu ekleyin.
- Ardından SetValueOf aksiyonunu ekleyin.
- Image elementini seçin.
- Symbol Picker aracılığıla PhotoFromGallery aksiyonundan dönen sonucu bağlayın.
Create butonuyla devam edelim. Butonu seçin.
- İlk olarak daha önce Dashboard ekranda Header’da kullanıcı bilgilerini göstermek için oluşturduğumuz aksiyonu bu butona ekleyelim. Bunu yapma sebebimiz fikir ekleyecek kullanıcı bilgilerini çekmek.
- Ardından eklediğiniz bu aksiyonu daha önce eklediğimiz SaveRecord aksiyonunun üstüne sürükleyip bırakın.
- ID parametresi için New GuID seçimini yapın.
- IDeaCategory için Symbol Picker>Components>SelectBox1 seçimini yapın.
- IDeaDescription parametresi için Symbol Picker aracılığıyla Components altında bulunan Description’u temsil eden Textinputu seçin.
- IDeaHolder parametresi için Symbol Picker>Action Results> SelectUserData>PersonnelID seçimini yapın.
- IDeaImage için Symbol Picker>Components>Image1 seçimini yapın.
- IDeaTitle parametresi için Symbol Picker aracılığıyla Components altında bulunan Title’i temsil eden Textinputu seçin.
- CreatedDate için Symbol Picker>Defaults>Now seçimini yapın.
- Save Record aksiyonu ile işimiz bu kadar. Şimdi Save Record aksiyonunun sonrasına bir GoBack aksiyonu ekleyin. Bu aksiyon aracılığıyla kayıt yapıldıktan sonra bir önceki ekrana dönüş sağlanacaktır.
Bu işlemlerle birlikte form ekranında veri bağlama işlemlerini gerçekleştirdik. Benzer bir süreci yürüterek mobil uygulamadaki yeni bir fikir oluşturma ekranında veri bağlama işlemlerini yürütmenizi bekliyoruz.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Bu öğrenme içeriğinde, önceki öğrenme içeriklerinde Save Record aksiyonu eklediğimiz Bir fikrim var web uygulaması yeni fikir oluşturma ekranında veri bağlama işlemlerini gerçekleştireceğiz.
- Bir fikrim var web uygulamasında yer alan yeni fikir ekleme ekranını açın.
Ekranda yer alan Suggestion Kategorisini seçmeye olanak sağlayan SelectBox için tüm kategorileri çekmeye olanak sağlayan bir select aksiyonuna ihtiyaç duyulmaktadır
- Custom Action panelini açın.
- + ikonuna tıklayın Add SQL action seçeneğini seçin.
- Açılan editörde solda yer alan tablolar içinde IDeaCategory tablosunu bulun ve yanında çıkan 3 nokta aracılığıyla Select aksiyonu seçin, isimlendirin ve Create butonuna tıklayın.
- Form ekranında Initial Action olarak oluşturmuş olduğunuz aksiyonu ekleyin.
- Kategorileri listeleyecek SelectBox elementini seçin.
- Properties panelde Options altında aksiyon olarak kategorileri listelemek için oluşturduğunuz aksiyonu seçin.
- Ardından Field to Display alanında CategoryName, Field to use as Key alanında ID seçimini yapın.
Builder 1 Eğitimi Kapsamında tek görsel yüklemeye olanak sağlayan kurgu üzerinden görsel yükleme işlemlerini yürütelim.
- GalleyView içerisinde yer alan görseli GalleryView dışına sürükleyin.
- GalleryView’in bulunduğu Row’u silin.
- Image elementini bulunduğu kolon içinde ortalayın.
- Add butonunu seçin.
- PhotoFromGallery aksiyonunu ekleyin.
- Ardından SetValueOf aksiyonunu ekleyin.
- Image elementini seçin.
- Symbol Picker aracılığıla PhotoFromGallery aksiyonundan dönen sonucu bağlayın.
Create butonuyla devam edelim. Butonu seçin.
- İlk olarak daha önce Dashboard ekranda Header’da kullanıcı bilgilerini göstermek için oluşturduğumuz aksiyonu bu butona ekleyelim. Bunu yapma sebebimiz fikir ekleyecek kullanıcı bilgilerini çekmek.
- Ardından eklediğiniz bu aksiyonu daha önce eklediğimiz SaveRecord aksiyonunun üstüne sürükleyip bırakın.
- ID parametresi için New GuID seçimini yapın.
- IDeaCategory için Symbol Picker>Components>SelectBox1 seçimini yapın.
- IDeaDescription parametresi için Symbol Picker aracılığıyla Components altında bulunan Description’u temsil eden Textinputu seçin.
- IDeaHolder parametresi için Symbol Picker>Action Results> SelectUserData>PersonnelID seçimini yapın.
- IDeaImage için Symbol Picker>Components>Image1 seçimini yapın.
- IDeaTitle parametresi için Symbol Picker aracılığıyla Components altında bulunan Title’i temsil eden Textinputu seçin.
- CreatedDate için Symbol Picker>Defaults>Now seçimini yapın.
- Save Record aksiyonu ile işimiz bu kadar. Şimdi Save Record aksiyonunun sonrasına bir GoBack aksiyonu ekleyin. Bu aksiyon aracılığıyla kayıt yapıldıktan sonra bir önceki ekrana dönüş sağlanacaktır.
Bu işlemlerle birlikte form ekranında veri bağlama işlemlerini gerçekleştirdik. Benzer bir süreci yürüterek mobil uygulamadaki yeni bir fikir oluşturma ekranında veri bağlama işlemlerini yürütmenizi bekliyoruz.
Kuika Platformunda yeni bir kullanıcı arayüzüne geçiyoruz ve Kuika Akademi kurslarımızı ve videolarımızı mümkün olan en kısa sürede güncelliyoruz.
Bu öğrenme içeriğinde, önceki öğrenme içeriklerinde Save Record aksiyonu eklediğimiz Bir Fikrim Var web uygulaması yeni fikir oluşturma ekranında veri bağlama işlemlerini gerçekleştireceğiz.
Bu öğrenme içeriğinde, önceki öğrenme içeriklerinde Save Record aksiyonu eklediğimiz Bir fikrim var web uygulaması yeni fikir oluşturma ekranında veri bağlama işlemlerini gerçekleştireceğiz.
- Bir fikrim var web uygulamasında yer alan yeni fikir ekleme ekranını açın.
Ekranda yer alan Suggestion Kategorisini seçmeye olanak sağlayan SelectBox için tüm kategorileri çekmeye olanak sağlayan bir select aksiyonuna ihtiyaç duyulmaktadır
- Custom Action panelini açın.
- + ikonuna tıklayın Add SQL action seçeneğini seçin.
- Açılan editörde solda yer alan tablolar içinde IDeaCategory tablosunu bulun ve yanında çıkan 3 nokta aracılığıyla Select aksiyonu seçin, isimlendirin ve Create butonuna tıklayın.
- Form ekranında Initial Action olarak oluşturmuş olduğunuz aksiyonu ekleyin.
- Kategorileri listeleyecek SelectBox elementini seçin.
- Properties panelde Options altında aksiyon olarak kategorileri listelemek için oluşturduğunuz aksiyonu seçin.
- Ardından Field to Display alanında CategoryName, Field to use as Key alanında ID seçimini yapın.
Builder 1 Eğitimi Kapsamında tek görsel yüklemeye olanak sağlayan kurgu üzerinden görsel yükleme işlemlerini yürütelim.
- GalleyView içerisinde yer alan görseli GalleryView dışına sürükleyin.
- GalleryView’in bulunduğu Row’u silin.
- Image elementini bulunduğu kolon içinde ortalayın.
- Add butonunu seçin.
- PhotoFromGallery aksiyonunu ekleyin.
- Ardından SetValueOf aksiyonunu ekleyin.
- Image elementini seçin.
- Symbol Picker aracılığıla PhotoFromGallery aksiyonundan dönen sonucu bağlayın.
Create butonuyla devam edelim. Butonu seçin.
- İlk olarak daha önce Dashboard ekranda Header’da kullanıcı bilgilerini göstermek için oluşturduğumuz aksiyonu bu butona ekleyelim. Bunu yapma sebebimiz fikir ekleyecek kullanıcı bilgilerini çekmek.
- Ardından eklediğiniz bu aksiyonu daha önce eklediğimiz SaveRecord aksiyonunun üstüne sürükleyip bırakın.
- ID parametresi için New GuID seçimini yapın.
- IDeaCategory için Symbol Picker>Components>SelectBox1 seçimini yapın.
- IDeaDescription parametresi için Symbol Picker aracılığıyla Components altında bulunan Description’u temsil eden Textinputu seçin.
- IDeaHolder parametresi için Symbol Picker>Action Results> SelectUserData>PersonnelID seçimini yapın.
- IDeaImage için Symbol Picker>Components>Image1 seçimini yapın.
- IDeaTitle parametresi için Symbol Picker aracılığıyla Components altında bulunan Title’i temsil eden Textinputu seçin.
- CreatedDate için Symbol Picker>Defaults>Now seçimini yapın.
- Save Record aksiyonu ile işimiz bu kadar. Şimdi Save Record aksiyonunun sonrasına bir GoBack aksiyonu ekleyin. Bu aksiyon aracılığıyla kayıt yapıldıktan sonra bir önceki ekrana dönüş sağlanacaktır.
Bu işlemlerle birlikte form ekranında veri bağlama işlemlerini gerçekleştirdik. Benzer bir süreci yürüterek mobil uygulamadaki yeni bir fikir oluşturma ekranında veri bağlama işlemlerini yürütmenizi bekliyoruz.
Dosyalar
Kaynaklar
Sözlük
