Order Question

Ένα στοιχείο ερωτήσεων τάξης που ζητά από τον μαθητή να φέρει μια συλλογή στοιχείων στη σωστή σειρά.

Επιλογές

question | (string|node): ερώτηση για την οποία ο μαθητής πρέπει να φέρει τις διαθέσιμες "επιλογές" στη σωστή σειρά. Default: ''.
options | array (required): μια σειρά από κείμενα τα οποία ο μαθητής πρέπει να φέρει στη σωστή σειρά (υποτίθεται ότι είναι η σειρά που παρέχεται). Default: none.
provideFeedback | boolean: ελέγχει αν θα εμφανίζεται ειδοποίηση για το αν η υποβληθείσα απάντηση είναι σωστή ή όχι. Default: true.
hintPlacement | string: τοποθέτηση των υποδείξεων (είτε top, left, right ή bottom). Default: 'bottom'.
hints | array<(string|node)>: υποδείξεις που παρέχουν καθοδήγηση για τον τρόπο απάντησης στην ερώτηση. Default: [].
feedback | boolean: ελέγχει αν θα εμφανίζονται κουμπιά ανάδρασης. Default: true.
chat | boolean: ελέγχει αν το στοιχείο θα πρέπει να έχει ενσωματωμένη συνομιλία. Default: false.
failureMsg | string: μήνυμα που θα εμφανίζεται όταν ο μαθητής υποβάλλει λανθασμένη απάντηση. Default: none.
successMsg | string: μήνυμα που θα εμφανίζεται όταν ο μαθητής υποβάλλει τη σωστή απάντηση. Default: none.
disableSubmitNotification | boolean: ελέγχει αν θα απενεργοποιηθούν οι ειδοποιήσεις υποβολής. Default: false.
until | Date: χρόνος μέχρι να επιτραπεί στους μαθητές να υποβάλουν απαντήσεις. Default: none.
points | number: μέγιστος αριθμός μορίων που χορηγούνται κατά τη βαθμολόγηση. Default: 10.
style | object: Στυλ γραμμής CSS. Default: {}.
onChange | function: έχει δύο παραμέτρους: ένα boolean που δείχνει αν τα στοιχεία τοποθετήθηκαν με τη σωστή σειρά και ένα array με την τρέχουσα σειρά.. Default: onChange() {}.
onSubmit | function: έχει ως μοναδική παράμετρο ένα "boolean" που δείχνει αν τα στοιχεία τοποθετήθηκαν με τη σωστή σειρά.. Default: onSubmit() {}.

Παραδείγματα

Minimal
Hints
Submit Function
With Points and Feedback Message

Live Editor

<OrderQuestion
    question="Order the letters alphabetically!"
    options={[
        "Alpha",
        "Beta",
        "Gamma",
        "Delta"
    ]}
/>

<OrderQuestion
    question="Order the letters alphabetically!"
    options={[
        "Alpha",
        "Beta",
        "Gamma",
        "Delta"
    ]}
/>

Αποτέλεσμα

ReferenceError: Provider is not defined

Επιλογές​

Παραδείγματα​

Επιλογές

Παραδείγματα