Select Question Matrix

Klausimas su atsakymu, sudarytas iš kelių pasirinkimo langelių.

Parinktys

• question | (string|node): klausimas, kuris bus rodomas pasirinktos klausimų matricos viršuje.. Default: ''.
• rows | array: eilučių etiketės. Default: [].
• cols | array: stulpelių etiketės. Default: [].
• options | object: objektas su rakto ir vertės poromis, kurių raktai turi formą row:col, pvz., 0:0, 0:1, 1:0 ir t. t., o jų atitinkamos reikšmės yra galimų atsakymų variantų masyvai atskiriems pasirinktiems klausimams.. Default: {}.
• solution | object: sprendimo objektas su raktų ir verčių poromis, kurių raktai turi formą row:col, pvz., 0:0, 0:1, 1:0 ir t. t., o jų atitinkamos reikšmės yra teisingo atsakymo elemento indeksas iš atitinkamo options masyvo.. Default: {}.
• hints | array<(string|node)>: užuominos, kuriose pateikiamos rekomendacijos, kaip atsakyti į klausimą.. Default: [].
• hintPlacement | string: užuominų vieta (top, left, right arba bottom).. Default: 'bottom'.
• feedback | boolean: kontroliuoja, ar rodyti grįžtamojo ryšio mygtukus.. Default: true.
• provideFeedback | string: ar pateikti "jokio" grįžtamojo ryšio, "individualų" grįžtamąjį ryšį apie pateiktą (-us) atsakymą (-us), ar "bendrą" grįžtamąjį ryšį apie visus klausimus.. Default: 'individual'.
• allowIncomplete | boolean: ar leisti pateikti informaciją, jei kiekviename pasirinkimo langelyje nėra padarytas pasirinkimas.. Default: false.
• nTries | number: po kiek bandymų nebepriimami jokie atsakymai (jei provideFeedback nėra none). Default: 3.
• failureMsg | string: pranešimo tekstas, rodomas pateikus neteisingus atsakymus.. Default: none.
• successMsg | string: pranešimo tekstas, rodomas pateikus teisingus atsakymus.. Default: none.
• cellLabels | object: objekto apibrėžtų langelių su raktais, kurių formatas row:col, etiketės. Default: {}.
• chat | boolean: kontroliuoja, ar elementas turi turėti integruotą pokalbių. Default: false.
• panelProps | object: papildomos savybės, perduodamos išoriniam
  komponentui.. Default: {}.
• className | string: klasės pavadinimas. Default: ''.
• style | object: CSS eilutės stiliai. Default: {}.
• onChange | function: grįžtamojo ryšio funkcija, iškviečiama pakeitus atsakymus. Default: onChange() {}.
• onSubmit | function: grįžtamojo ryšio funkcija, iškviečiama pateikus atsakymus, kurių pirmasis parametras yra atsakymai, o antrasis - teisingumą rodantis loginis rodiklis.. Default: onSubmit() {}.

Pavyzdžiai

• Minimal
• With Hints
• With Style
• Feedback Messages

Tiesioginis redaktorius

<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 }}
/>

Rezultatas

ReferenceError: Provider is not defined