Select Question Matrix

Otázka s odpovědí, která se skládá z několika políček.

Možnosti

• question | (string|node): otázka, která se zobrazí v horní části matice vybraných otázek.. Default: ''.
• rows | array: štítky řádků. Default: [].
• cols | array: popisky sloupců. Default: [].
• options | object: objekt s dvojicemi klíč-hodnota s klíči ve tvaru řádek:sloupec, např. 0:0, 0:1, 1:0 atd., a jejich odpovídajícími hodnotami jsou pole možných variant odpovědí pro jednotlivé výběrové otázky.. Default: {}.
• solution | object: objekt řešení s dvojicemi klíč-hodnota s klíči ve tvaru řádek:sloupec, např. 0:0, 0:1, 1:0 atd., a jejich odpovídajícími hodnotami jsou indexy prvků správné odpovědi z příslušného pole možnosti.. Default: {}.
• hints | array<(string|node)>: nápovědy, jak odpovědět na otázku.. Default: [].
• hintPlacement | string: umístění nápovědy (buď top, left, right, nebo bottom).. Default: 'bottom'.
• feedback | boolean: řídí, zda se mají zobrazovat tlačítka zpětné vazby. Default: true.
• provideFeedback | string: zda poskytnout žádnou zpětnou vazbu vůbec, individuální zpětnou vazbu k předloženým odpovědím nebo celkovou zpětnou vazbu ke všem otázkám.. Default: 'individual'.
• allowIncomplete | boolean: zda povolit podání bez výběru v každém výběrovém poli.. Default: false.
• nTries | number: po kolika pokusech se nepřijímají žádné další odpovědi (pokud provideFeedback není none).. Default: 3.
• failureMsg | string: text oznámení zobrazený při odeslání nesprávné odpovědi. Default: none.
• successMsg | string: text oznámení zobrazený po odeslání správných odpovědí. Default: none.
• cellLabels | object: popisky pro buňky definované objektem s klíči ve formátu řádek:sloupec. Default: {}.
• chat | boolean: řídí, zda má mít prvek integrovaný chat. Default: false.
• panelProps | object: další vlastnosti, které se předávají vnější komponentě
  .. Default: {}.
• className | string: název třídy. Default: ''.
• style | object: Řádkové styly CSS. Default: {}.
• onChange | function: funkce zpětného volání vyvolaná při změně odpovědí. Default: onChange() {}.
• onSubmit | function: funkce zpětného volání vyvolaná při odeslání s odpověďmi jako prvním a logickým parametrem označujícím správnost jako druhým parametrem.. Default: onSubmit() {}.

Příklady

• Minimal
• With Hints
• With Style
• Feedback Messages

Živý editor

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

Výsledek

ReferenceError: Provider is not defined