Kuika’nın Number Input elementiyle ondalık ölçek, negatif değer ve maksimum miktar gibi kısıtlamalar tanımlayarak kullanıcıların hatasız sayısal veri girebildiği bir ürün ekleme formu oluşturmayı adım adım öğrenin.
“Number Input” elementi, kullanıcıların uygulama içerisinde sayısal değerler girmesini sağlayan temel bir input elementidir. Tam sayılar, ondalık değerler ve negatif sayılar gibi farklı veri türlerini destekleyerek geniş kullanım senaryolarına hitap eder. Sayısal girişleri kontrol altına alır. Yapısı sayesinde veri doğruluğunu artırır ve hatalı girişlerin önüne geçilmesine yardımcı olur.
Öncelikle “Data Sources” panelindeki “Tables” alanından tablonuzu ekrandaki gibi oluşturun. “Label” elementi ekleyin ve “Value” alanına “Product Name” yazın. “Text Input” elementini altına sürükleyin. Onun altına bir “Label” elementi daha ekleyin. “Value” alanına “Product Quantity” yazın. “Number Input” elementini sayfaya sürükleyin. Başlangıçta hazır tanımlı miktarı “Value” alanından, ön yazı miktarını “Placeholder” alanından “1” olarak güncelleyin. Ölçeği “DecimalScale” alanından “0” olarak ayarlayın. Negatif sayı girişini engellemek için “AllowNegative” ayarını kapalı olarak ayarlayın. Net miktarda ayrım olmaması için “ThousandSeparator” alanını kapalı olarak ayarlayın. Maksimum miktarı “Max” alanından “50” olarak ayarlayın. Ardından “Button” elementini sayfanıza ekleyin. “Value” alanından buton üzerine “Add Product” yazısını yazın. Kayıt işlemini gerçekleştirmek için “Add Action” ile “Save Record” aksiyonunu butona ekleyin. Aksiyonda tablo seçimini yapın. Açılan sütunlar alanında tüm sütunları seçin. “CreatedDate”, “ProductName”, “Quantity” ve “Id” alanları için tanımlamaları yapın.
Uygulama test edildiğinde, kullanıcıya ürün ekleme işlemleri için ürün adı ve ürün adedi alanlarının yer aldığı, ürün adedi alanının “Number Input” elementi ile yapılandırıldığı sade bir ekran göreceksiniz.