Select Question Matrix

Jautājums ar atbildi, kas sastāv no vairākiem izvēles rūtiņām.

Iespējas

• question | (string|node): jautājums, kas tiks parādīts atlases jautājumu matricas augšpusē.. Default: ''.
• rows | array: rindu etiķetes. Default: [].
• cols | array: kolonnu etiķetes. Default: [].
• options | object: objekts ar atslēgu-vērtību pāriem, kuru atslēgas ir formā row:col, piemēram, 0:0, 0:1, 1:0 utt., un to atbilstošās vērtības ir atsevišķu atlases jautājumu iespējamo atbilžu masīvi.. Default: {}.
• solution | object: risinājuma objekts ar atslēgu-vērtību pāriem, kuru atslēgas ir formā row:col, piemēram, 0:0, 0:1, 1:0 utt., un to atbilstošās vērtības ir pareizās atbildes elementa indekss no attiecīgā options masīva.. Default: {}.
• hints | array<(string|node)>: norādījumi, kā atbildēt uz jautājumu.. Default: [].
• hintPlacement | string: mājienu izvietojums (top, left, right vai bottom).. Default: 'bottom'.
• feedback | boolean: kontrolē, vai tiek rādītas atgriezeniskās saites pogas.. Default: true.
• provideFeedback | string: vai vispār sniegt nevienu atgriezenisko saiti, individuālu atgriezenisko saiti par iesniegto(-ajām) atbildi(-ēm) vai kopējo atgriezenisko saiti par visiem jautājumiem.. Default: 'individual'.
• allowIncomplete | boolean: vai atļaut iesniegšanu bez izvēles katrā izvēles lodziņā.. Default: false.
• nTries | number: pēc cik mēģinājumiem vairs netiek pieņemtas atbildes (ja provideFeedback nav none).. Default: 3.
• failureMsg | string: paziņojuma teksts, kas tiek parādīts pēc nepareizu atbilžu iesniegšanas. Default: none.
• successMsg | string: paziņojuma teksts, kas tiek parādīts pēc pareizo atbilžu iesniegšanas. Default: none.
• cellLabels | object: etiķetes šūnām, ko definē objekts ar atslēgām formātā row:col.. Default: {}.
• chat | boolean: kontrolē, vai elementam ir jābūt integrētam tērzēšanas. Default: false.
• panelProps | object: papildu rekvizīti, kas jānodod ārējam
  komponentam.. Default: {}.
• className | string: klases nosaukums. Default: ''.
• style | object: CSS iebūvētie stili. Default: {}.
• onChange | function: atgriezeniskā zvana funkcija, kas tiek izsaukta pēc atbilžu maiņas.. Default: onChange() {}.
• onSubmit | function: atsauces funkcija, kas tiek izsaukta pēc iesniegšanas ar atbildēm kā pirmo parametru un boolean, kas norāda pareizību, kā otro parametru.. Default: onSubmit() {}.

Piemēri

• Minimal
• With Hints
• With Style
• Feedback Messages

Tiešraides redaktors

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

Rezultāts

ReferenceError: Provider is not defined