Match List Question

Компонент на ISLE, който визуализира въпрос, в който обучаемият трябва да съпостави по правилен начин елементи от два списъка.

Опции

question | (string|node): въпрос, който да се показва в горната част на компонента на списъка с въпроси. Default: ''.
elements | array<{a,b}>: масив, съдържащ правилните двойки, които се показват в горната част на компонента на въпроса със свободен текст. Всеки елемент от масив трябва да бъде обект със свойства a и b; за да добавите разсейващи отговори, предоставете елементи само със свойства a или b.. Default: [].
hintPlacement | string: разположение на подсказките (или top, right, left, или bottom). Default: 'bottom'.
hints | array<(string|node)>: указания за това как да отговорите на въпроса. Default: [].
provideFeedback | boolean: посочва дали решението трябва да бъде достъпно, след като обучаемите изпратят своите отговори.. Default: true.
feedback | boolean: контролира дали да се показват бутони за обратна връзка. Default: true.
chat | boolean: контролира дали елементът трябва да има интегриран чат. Default: false.
colorScale | array: ако е зададено, за плочките се използват предоставените цветове. Default: none.
shuffle | string: указва дали да се разбъркат колоните right, left или и двете, чиито елементи трябва да бъдат съчетани; задайте none или друга стойност, за да не се разбъркват елементите от двете страни (може да е полезно в случай, че няма решение). Default: 'both'.
disableSubmitNotification | boolean: контролира дали да деактивира известията за подаване. Default: false.
submissionMsg | string: известие, което се показва, когато обучаемият за пръв път подава своя отговор.. Default: 'You have successfully submitted your answer.'.
resubmissionMsg | string: известие, показвано за всички заявки след първата.. Default: 'You have successfully re-submitted your answer.'.
until | Date: времето, до което учениците трябва да могат да подават отговори. Default: none.
points | number: максимален брой точки, присъждани при класирането. Default: 10.
className | string: име на класа. Default: ''.
style | object: CSS инлайн стилове. Default: {}.
onChange | function: обратна връзка, задействана, когато учениците променят отговор. Default: onChange() {}.
onSubmit | function: обратна връзка, задействана, когато учениците подадат отговор. Default: onSubmit() {}.

Примери

Minimal
With Markdown
With Solution & Style
Shuffle Right
Points for Grading

Редактор в реално време

<MatchListQuestion
    question="Please match the symbols and the respective chemical element."
    elements={[
        { a: 'Be', b: 'Berlyllium' },
        { a: 'Br', b: 'Bromine' },
        { a: 'Ar', b: 'Argon' },
        { a: 'Ac' , b: 'Actinium'},
        { b: 'Arsenic' },
        { b: 'Boron' }
    ]}
    provideFeedback={false}
/>

<MatchListQuestion
    question="Please match the symbols and the respective chemical element."
    elements={[
        { a: 'Be', b: 'Berlyllium' },
        { a: 'Br', b: 'Bromine' },
        { a: 'Ar', b: 'Argon' },
        { a: 'Ac' , b: 'Actinium'},
        { b: 'Arsenic' },
        { b: 'Boron' }
    ]}
    provideFeedback={false}
/>

Резултат

ReferenceError: Provider is not defined

Опции​

Примери​

Опции

Примери