Κουμπί ραδιοφώνου

​

Ένα κουμπί επιλογής εισόδου είναι ένα στοιχείο που επιτρέπει στους χρήστες να επιλέξουν μία επιλογή από μια ομάδα προκαθορισμένων επιλογών. Εμφανίζεται ως ένα στρογγυλεμένο τετράγωνο κουμπί, το οποίο μπορεί να επιλεγεί ή να αποεκλεγεί από τους χρήστες. Όταν επιλέγεται ένα κουμπί επιλογής, όλα τα άλλα κουμπιά ραδιοφώνου στην ίδια ομάδα αποεπιλέγονται αυτόματα, εξασφαλίζοντας ότι μπορεί να επιλεγεί μόνο μία επιλογή κάθε φορά. Τα κουμπιά ραδιοφώνου χρησιμοποιούνται συνήθως σε μορφές, ερωτηματολόγια και έρευνες για να βοηθήσουν τους χρήστες να κάνουν μια μοναδική επιλογή από μια λίστα επιλογών.

​

Ιδιότητες

​

Χειροκίνητες επιλογές

Προσθέστε νέες επιλογές ή διαγράψτε χειροκίνητα και ρυθμίστε τις επιλογές μία προς μία. Οι ιδιότητες των επιλογών είναι οι εξής:

​

Αντιστοιχισμένες επιλογές

Μπορείτε επίσης να προσθέσετε επιλογές από μια πηγή δεδομένων με τη χαρτογράφηση των ιδιοτήτων της ετικέτας και της τιμής στα αντίστοιχα πεδία δεδομένων. Μπορείτε να πάρετε επιλογές δυναμικά από τη βάση δεδομένων με αυτόν τον τρόπο. Στο τέλος αυτού του άρθρου, θα δείξουμε πώς να το χρησιμοποιήσουμε μέσω ενός παραδείγματος.

​

Άλλες ιδιότητες

​

Μέθοδος

Μπορείτε να χρησιμοποιήσετε άλλα στοιχεία για τον έλεγχο της εφαρμογής. Υποστηρίζουμε τις ακόλουθες τρεις μεθόδους:

​

ορισμόςΤιμή

Για να ορίσετε την επιλεγμένη επιλογή, για παράδειγμα, {{”value1”}}

​

εκκαθάρισηΤιμή

Για να καθαρίσετε τις επιλεγμένες επιλογές

​

validate

Για να επιβεβαιωθεί ότι οι πληροφορίες εισόδου είναι νόμιμες

​

clearValidate

Για να καθαρίσετε το μήνυμα επικύρωσης

​

Χειριστής συμβάντων

Υποστηρίζουμε την ακρόαση της εκδήλωσης onChange του στοιχείου πλήκτρου επιλογής.

Όταν αλλάζει η επιλεγμένη επιλογή, μπορεί να ενεργοποιήσει μια καθορισμένη ενέργεια. Αυτό σημαίνει ότι όταν ένας χρήστης επιλέγει μια διαφορετική επιλογή από μια ομάδα πλήκτρων ραδιοφώνου, μπορεί να αναληφθεί συγκεκριμένη δράση με βάση την επιλεγμένη επιλογή. Για παράδειγμα, σε μορφή ιστού, επιλέγοντας μια διαφορετική επιλογή μπορεί να ενεργοποιήσει την εμφάνιση διαφορετικών πεδίων φόρμας ή την υποβολή του εντύπου σε διαφορετικό προορισμό. Με αυτόν τον τρόπο, η επιλογή που επιλέγεται από τον χρήστη μπορεί να επηρεάσει τη συμπεριφορά του λογισμικού ή της διαδικτυακής εφαρμογής που χρησιμοποιούν. Η δυνατότητα ενεργοποίησης καθορισμένων ενεργειών που βασίζονται στην είσοδο του χρήστη είναι μια σημαντική πτυχή του διαδραστικού σχεδιασμού λογισμικού και μπορεί να βελτιώσει τη χρηστικότητα και τη λειτουργικότητα του λογισμικού.

​

Δεδομένα

Το στοιχείο έχει κάποια κοινώς χρησιμοποιούμενα δεδομένα, τα οποία μπορούν να κληθούν μέσω {{componentName.propertyName}} στην εφαρμογή.

​

Περίπτωση χρήσης

Στη συνέχεια, θα δείξουμε πώς να χρησιμοποιήσετε το χαρτογραφημένο τρόπο για να αποκτήσετε δυναμικά επιλογές.

​

Βήμα 1 Προσθέστε μια ενέργεια

Έχουμε δημιουργήσει έναν πίνακα με το όνομα selection, που περιλαμβάνει 5 στήλες: options_en, options_jp, options_zh, options_kr, value. Αποθηκεύσαμε τις τιμές επιλογών σε value και τις αποθηκευμένες ετικέτες επιλογών σε διαφορετικές γλώσσες σε άλλες στήλες.

Δημιουργήστε μια ενέργεια για να εμφανίσετε όλα τα δεδομένα στο selection με όνομα postgresql1

επιλέξτε * από την επιλογή

​

Βήμα 2 Διαμόρφωση του εξαρτήματος

1. Ορίστε τις πηγές δεδομένων σε {{postgresql1.data}}

2. Ρυθμίστε την ετικέτα για να αλλάξετε την ετικέτα με βάση τη γλώσσα.

   1. Χρησιμοποιήστε {{ item.columnName }} για να ορίσετε τη στήλη.
   2. Χρησιμοποιήστε {{ currentUserInfo.language }} για να ορίσετε τη χρήση της γλώσσας από το ILLA.

   {currentUserInfo.language=='ja-JP' ? item.options_jp 
   : currentUserInfo.language == 'ko-KR' ? item.options_kr 
   : currentUserInfo.language == 'zh-CN' ? item.options_zh 
   : item.options_en }}