Select Question Matrix

Küsimus, mille vastus koosneb mitmest valikukastist.

Valikud

• question | (string|node): küsimus, mis kuvatakse küsimuste valimise maatriksi ülaosas.. Default: ''.
• rows | array: rea sildid. Default: [].
• cols | array: veergude sildid. Default: [].
• options | object: objekt võtme- ja väärtuse paaridega, mille võtmed on kujul row:col, nt 0:0, 0:1, 1:0 jne, ja nende vastavad väärtused on üksikute valikuküsimuste võimalike vastusevariantide massiivid.. Default: {}.
• solution | object: lahenduse objekt, mille võtme- ja väärtuse paarid võtmed on kujul row:col, nt 0:0, 0:1, 1:0 jne, ja nende vastavad väärtused on õige vastuse elemendi indeks vastavast options massiivi elemendist. Default: {}.
• hints | array<(string|node)>: vihjeid, mis annavad suuniseid küsimusele vastamiseks. Default: [].
• hintPlacement | string: vihjete paigutus (kas top, left, right või bottom).. Default: 'bottom'.
• feedback | boolean: kontrollib, kas tagasiside nuppe kuvada. Default: true.
• provideFeedback | string: kas anda tagasisidet "üldse mitte mingi", "individuaalset" tagasisidet esitatud vastuse(te) kohta või "üldist" tagasisidet kõigi küsimuste kohta.. Default: 'individual'.
• allowIncomplete | boolean: kas lubada esitamist ilma igas valikukastis tehtud valikuta. Default: false.
• nTries | number: pärast mitu katset ei aktsepteerita edasisi vastuseid (kui provideFeedback ei ole none).. Default: 3.
• failureMsg | string: valede vastuste esitamisel kuvatav teavitustekst. Default: none.
• successMsg | string: õigete vastuste esitamisel kuvatav teavitustekst. Default: none.
• cellLabels | object: märgised lahtritele, mis on määratletud objektiga, mille võtmed on formaadis row:col.. Default: {}.
• chat | boolean: kontrollib, kas elemendil peaks olema integreeritud vestlus. Default: false.
• panelProps | object: täiendavad omadused, mis edastatakse väliskomponendile
  .. Default: {}.
• className | string: klassi nimi. Default: ''.
• style | object: CSS inline stiilid. Default: {}.
• onChange | function: callback funktsioon, mis kutsutakse üles vastuste muutmisel. Default: onChange() {}.
• onSubmit | function: tagasilöögifunktsioon, mis kutsutakse üles esitamisel ja mille esimeseks parameetriks on vastused ja teiseks parameetriks boolean, mis näitab korrektsust.. Default: onSubmit() {}.

Näited

• Minimal
• With Hints
• With Style
• Feedback Messages

Live toimetaja

<SelectQuestionMatrix question="Test your art history knowledge" rows={[ 'Composer', 'Author' ]} cols={[ '18th Century', '19th Century' ]} options={{ '0:0': [ 'Philipp Emmanuel Bach', 'Johann Wolfgang von Goethe', 'Nicolas Poussin'], '0:1': [ 'Gustave Flaubert', 'Gustave Courbet', 'Richard Wagner'] , '1:0': [ 'Philipp Emmanuel Bach', 'Johann Wolfgang von Goethe', 'Nicolas Poussin'], '1:1': [ 'Gustave Flaubert', 'Gustave Courbet', 'Richard Wagner'] }} solution={{ '0:0': 0, '0:1': 2, '1:0': 1, '1:1': 0 }} />

<SelectQuestionMatrix
    question="Test your art history knowledge"
    rows={[ 'Composer', 'Author' ]} 
    cols={[ '18th Century', '19th Century' ]} 
    options={{ 
        '0:0': [ 'Philipp Emmanuel Bach', 'Johann Wolfgang von Goethe', 'Nicolas Poussin'], 
        '0:1': [ 'Gustave Flaubert', 'Gustave Courbet', 'Richard Wagner'] ,
        '1:0': [ 'Philipp Emmanuel Bach', 'Johann Wolfgang von Goethe', 'Nicolas Poussin'],
        '1:1': [ 'Gustave Flaubert', 'Gustave Courbet', 'Richard Wagner'] 
    }} 
    solution={{ '0:0': 0, '0:1': 2, '1:0': 1, '1:1': 0 }}
/>

Tulemus

ReferenceError: Provider is not defined