Разработка:moodleQuickForm
Содержание
- 1 Общие сведения
- 2 Внешний вид
- 3 Правила объявления формы
- 4 Описание стандартных методов moodleform
- 4.1 __construct($action, $customdata, $method, $target, $attributes, $editable)
- 4.2 definition()
- 4.3 definition_after_data()
- 4.4 elementExists($name)
- 4.5 removeElement($name)
- 4.6 getElementValue($name)
- 4.7 getElement($name)
- 4.8 display()
- 4.9 get_data($slashed)
- 4.10 set_data($data)
- 4.11 setDefault('elementName', $value)
- 4.12 get_submitted_data($slashed)
- 4.13 add_element($type, $name, $description, $attributes, $options)
- 4.14 create_element($type, $name, $description, $attributes, $options)
- 4.15 insertElementBefore($element, $nameAfter)
- 4.16 addRule($element, $message, $type, $format, $validation, $reset, $force)
- 4.17 is_submitted()
- 4.18 is_cancelled()
- 4.19 setAdvanced($elementName, $advanced)
- 4.20 setShowAdvanced($showadvancedNow)
- 4.21 add_action_buttons($cancel, $submitlabel)
- 4.22 add_checkbox_controller($groupid, $buttontext, $attributes, $originalValue)
- 4.23 setType($elementname, $paramtype)
- 4.24 validation($data, $files)
- 4.25 disabledIf($elementName, $dependentOn, $condition, $value)
- 4.26 applyFilter($elementName, $functionName);
- 4.27 closeHeaderBefore($elementName)
- 5 Элементы формы
- 6 Решение наиболее распространенных задач
- 7 Известные проблемы
- 8 Ссылки
Общие сведения
Библиотека moodleQuickForm (она же moodleform) построена на основе библиотеки PEAR HTML_QuickForm. Описание работы всех функций moodleQuickForm следует искать именно по этой ссылке.
При помощи moodleQuickForm можно описать большинство стандартных форм. Эта библиотека значительно облегчает время и силы, потраченные на разработку формы.
Перечисление всего того, что доступно в moodleQuickForm заняло бы слишком много места, поэтому перечислим только те задачи, которые при помощи этой библиотеки решить нельзя:
- создать форму в виде таблицы, в которой более 2-х столбцов
- создать длинную горизонтальную форму
Для всех остальных случаев построения форм следует использовать именно эту библиотеку.
Внешний вид
Внешне все формы класса moodleform выглядят одинаково: это таблица из 2-х столбцов, и некоторого количества строк:
Правила объявления формы
Установка всех элементов формы происходит либо в функции definition() (для статических форм), либо в функции definition_after_data() (для динамических форм).
Описание стандартных методов moodleform
__construct($action, $customdata, $method, $target, $attributes, $editable)
Этот метод вызывается когда вы создаете новый объект формы.
Параметры:
- $action - какая страница будет обрабатывать данные это формы. Работает аналогично <form action="...">. По умолчанию - адрес той страницы, на которой находится форма.
- $customdata - дополнительные данные для формы. Эти параметры будут записаны во внутреннюю переменную $this->_customdata доступны из всех внутренних методов формы. Передать можно все что угодно, никаних ограничений нет, тип переменной - на ваше усмотрение, но если вам нужно передать несколько значений, то рекомендуется использовать объект. По умолчанию null.
- $method - метод формы, GET или POST. По умолчанию POST.
- $target - только для фреймов. Имя фрейма, обрабатывающего эту форму. Используется крайне редко. По умолчанию null.
- $attributes - строка атрибутов для тега <form>. Будет добавлена внутрь тега. Разрешены любые атрибуты, предусмотренные стандартом HTML 4.01. По умолчанию пустая строка.
- $editable - доступна ли форма для редактирования. По умолчанию true (в противном случае все поля в форме будут неактивными).
definition()
Этот абстрактный метод обязательно должен быть переопределен. В нем содержится всё объявление формы.
Существует несколько основных правил, которых следует придерживаться при написании функции definition():
- Описание каждой формы должно начинаться со ссылки на HTML_QuickForm:
- Если используются глобальные переменные - их объявление также происходит в начале.
class myform extends dof_modlib_widgets_form
{
function definition()
{
// делаем глобальные переменные видимыми
global $DOF;
// создаем ссылку на HTML_QuickForm
$mform =& $this->_form;
...
}
}
- При использовании этого метода все данные собираются ДО объявления формы. Сама форма только отображает и отправляет данные.
- В случае, если необходимо создать динамическую форму следует воспользоваться методом definition_after_data()
definition_after_data()
Этот метод следует использовать в случае, если вам требуется создать динамическую форму, т. е. форму, которая конструируется в зависимости от различных исходных данных. Этот метод вызывается после definition(), отправки данных в форму и set_data(), но до display(). Этот метод работает также как и definition(), но используется для динамических форм, в случаях, когда вам нужно добавить дополнительные поля в форму после отправки данных пользователем.
elementExists($name)
Только для использования внутри definition_after_data(). Проверяет существование элемента с указанным именем в форме.
- $elementName - имя элемента для проверки
removeElement($name)
Только для использования внутри definition_after_data(). Удалить ранее созданный элемент с указанным именем из формы.
- $elementName - имя элемента для удаления
getElementValue($name)
Только для использования внутри definition_after_data(). Получить введенное значение из указанного элемента формы.
- $elementName - имя элемента, значение из которого вы хотите получить
getElement($name)
Только для использования внутри definition_after_data(). Получить объект уже ранее созданного элемента формы для изменения. Используется для того, чтобы записать новые значения в форму после отправки данных пользователем.
Пример 1: Установка нового значения поля после отправки данных пользователем.
// получаем новое значение
$newvalue = 'foo';
// получаем ранее созданный элемент (например типа "text")
$element =& $mform->getElement('my_element');
// устанавливаем в него новое значение
$element->setValue($newvalue);
Пример 2: установка новых вариантов в поле select после отправки данных пользователем.
// создаем новые варианты для элемента
$options = array();
$options[-1] = 'Новый вариант1';
$options[-2] = 'Новый вариант2';
// получаем ранее созданный элемент типа "select"
$element =& $mform->getElement('my_element');
// загружаем новые данные в элемент
$element->load($options);
display()
Вывести форму на экран. Вызывается непосредственно в том месте, где должна быть форма.
get_data($slashed)
Получить данные формы после всех проверок на стороне клиента и сервера. Данные получаются в виде объекта, именами полей которого являются имена заданных в функции definition() объектов, а значениями - значения полей в форме (по умолчанию или введенные). Любой другой способ получения данных, кроме как через эту функцию, не допускается.
- $slashed - экранировать кавычки. По умолчанию true.
Пример:
$data = $form->get_data();
set_data($data)
Добавить в форму значения по умолчанию для всех перечисленных полей. Значения полей по умолчанию также можно передать в параметре конструктора $customdata, если вы имеете дело с динамической формой. Любой другой способ передачи значений по умолчанию в форму не допускается.
- $data - объект вида (имя_поля -> значение)
Пример:
$data = new Object(); // заполняем объект значениями по умолчанию $data->field1 = 'value1'; $data->field2 = 'value2'; // Отправляем значения в форму $form->set_data($data);
setDefault('elementName', $value)
Установить значение $value по умолчанию для элемента elementName.
$mform->addElement('hidden', 'имяэлемента');
$mform->setDefault('имяэлемента', $value);
В случае, если нужно установить значение по умолчанию для элемента внутри группы, то нужно использовать такой синтаксис
$mform->setDefault('имягруппы[имяэлемента]', $value);
Для элемента hierselect в качестве второго аргумента нужно указывать массив со значениями по умолчанию для каждого уровня:
$mform->setDefault('имяэлемента', array(14, 2, 8));
get_submitted_data($slashed)
Получить данные из формы, к которым еще не применены никакие проверки.
- $slashed - экранировать кавычки. По умолчанию true.
add_element($type, $name, $description, $attributes, $options)
Добавить элемент в форму. Наиболее часто используемая функция при построении формы. $type - Тип элемента $name - Имя элемента в форме. Только латинские буквы. $description - Описание элемента. Выведется слева от него. $attributes - строка с параметрами, вставляемая в html-тег элемента. $options - массив с дополнительными параметрами. Назначение параметров зависит от типа элемента.
Поведение самой функции add_element также зависит от типа добавляемого элемента. Подробнее об этом - см. раздел Элементы формы.
create_element($type, $name, $description, $attributes, $options)
Этот метод используется для добавления группы элементов. Созданные элементы добавляются в массив. Отличие этой функции от add_element() состоит в том, что add_element() добавляет уже полностью готовый элемент в форму, а create_element() только создает элемент в памяти для последующего добавления. Назначение аргументов этой функции аналогично функции add_element().
Обращение к функции создания элемента происходит по ссылке для ускорения быстродействия.
Способ интерпретации входных параметров и поведение этой функции также зависят от указанного типа элемента. Подробнее об этом - см. раздел Элементы формы.
Пример:
// создаем массив
$objs = array();
// Создаем элементы формы
$objs[] =& $mform->createElement('text', 'testname1', 'Пояснение к полю 1');
$objs[] =& $mform->createElement('text', 'testname2', 'Пояснение к полю 2');
$objs[] =& $mform->createElement('text', 'testname3', 'Пояснение к полю 3');
// добавляем элементы в форму
$grp =& $mform->addElement('group', 'groupname', 'Пояснение для группы элементов', $objs);
insertElementBefore($element, $nameAfter)
Вставляет элемент перед уже ранее добавленным функцией add_element(). Этот метод полезно применять в динамических формах, внутри функции definition() или definition_after_data().
- $element - Объект вставляемого элемента. Для создания объекта используйте функцию create_element();
- $nameAfter - Имя элемента перед которым будет вставлен элемент
Помните, что имя каждого элемента в форме должно быть уникальным (кроме элементов типа radio).
Пример:
// создаем элемент
$element =& $mform->createElement('text', 'my_new_text', 'Пояснение к текстовому полю');
// добавляем его перед уже ранее созданным элементом
$mform->insertElementBefore($element, 'my_old_text');
addRule($element, $message, $type, $format, $validation, $reset, $force)
Добавить правило для отдельного поля. Эту функцию следует использовать для проверок на стороне клиента и простых проверок на стороне сервера. Для сложных проверок данных (например с использованием обращения к БД) используйте функцию validation().
- $element - имя элемента, к которому применяется проверка
- $message - сообщение, в случае если проверка не пройдена
- $type - тип правила проверки (см. таблицу ниже)
- $format - дополнительные данные, требующиеся для некоторых проверок. По умолчанию null.
- $validation - на какой стороне производить проверку. Возможные значения:
- server - на стороне сервера (по умолчанию)
- client - на стороне клиента
- $reset - используется при проверке на стороне клиента. Сбрасывать ли данные в этом поле на значение по умолчанию, если введены неправильные данные? по умолчанию false (не сбрасывать).
- $force - применять ли проверку даже если проверяемый элемент не существует? По умолчанию false (не применять). Этот параметр используется для проверок в динамических формах.
| Имя | Описание | Пример кода |
|---|---|---|
| required | Обязательное поле | $mform->addRule('testname','Это поле является обязательным', 'required',null,'client');
|
| minlength | Минимальная длина значения в поле. | $mform->addRule('testname','Слишком короткое значение', 'minlength', 10,'client');
|
| maxlength | Максимальная длина значения в поле. | $mform->addRule('testname','Слишком длинное значение', 'maxlength', 256,'client');
|
| rangelength | Проверка длины значения с обеих сторон: например не больше 5 и не меньше 7. Параметры задаются массивом из двух элементов. В данном примере от 111 до 222. | $mform->addRule('testname','Длина значения неправильна', 'rangelength', array(111, 222),'client');
|
| Проверка email-адреса | $mform->addRule('testname','неправильный email', 'email',null,'client');
| |
| regex | Проверка данных регулярными выражениями. Используется редко, в случае, когда обычных проверок недостаточно. | |
| lettersonly | Только латинские буквы. | $mform->addRule('testname','Ошибка', 'lettersonly', null,'client');
|
| alphanumeric | Только латинские буквы и цифры | $mform->addRule('testname','Ошибка', 'alphanumeric', null,'client');
|
| numeric | Целое или дробное число | $mform->addRule('testname', 'В этом поле разрешены только числа', 'numeric', null, 'client');
|
| nopunctuation | В строке не должны присутствовать специальные символы. Список: ()./*^?#!@$%+=,"'><~[]{} | $mform->addRule('testname', 'Введены запрещенные символы', 'nopunctuation', null, 'client');
|
| nonzero | Ненулевое значение | $mform->addRule('testname', 'Только ненулевые значения', 'nonzero', null, 'client');
|
| callback | Использовать пользовательскую функцию для проверки данных. Используется крайне редко, если у вас есть сложные проверки - то лучше используйте для них функцию validation(). | |
| compare | Сравнить два значения. Может использоваться для сравнения чисел и строк. Операторы, используемые для сравнения:
|
|
| uploadedfile | ||
| maxfilesize | Проверка максимального значения файла для конкретного поля | |
| mimetype | Проверка mime-типа загруженного файла. | |
| filename | Проверка имени файла. Убираются все потенциально опасные символы. |
is_submitted()
Возвращает true если форма подтверждена кнопкой типа "submit", и false в противном случае. Обратите внимание, что кнопка "отмена" в форме также является кнопкой типа "submit", поэтому используйте для этих целей функцию is_canceled(). Для проверки того, что данные отправлены в форму, и корректно прошли все проверки на стороне сервера и клиента, можно использовать такую конструкцию:
if ( $form->is_submitted() AND confirm_sesskey() AND $formdata = $form->get_data() AND ! $form->is_cancelled() )
{//даные переданы и прошли все проверки
....
}elseif( $form->is_cancelled() )
{// ввод данных отменен
....
}
Здесь:
- $form->is_submitted() - проверка того, что данные в форме были отправлены кнопкой типа "submit"
- confirm_sesskey() - проверка того, что данные отправлены внутри текущей сессии (встроенная функция moodle)
- $formdata = $form->get_data() - получение данных формы, и одновременное подтверждение того, что данные прошли все проверки, не не нажата кнопка "отмена".
Также возможно сначала проверять is_canceled(), а потом is_submitted().
is_cancelled()
Возвращает true если форма отменена, и false в противном случае.
setAdvanced($elementName, $advanced)
Устанавливает поля формы как "дополнительные" - то есть они по умолчанию скрыты, и появляются по щелчку на кнопке "показать дополнительные".
- $elementName - имя элемента, который вы хотите пометить как дополнительные
- $advanced - включить/отключить признак дополнительности. Полезно при построении динамических форм: если в зависимости от какого-либо параметра поля должны быть обязательными или необязательными.
setShowAdvanced($showadvancedNow)
Используется как дополнение к методу setAdvanced(). Изменить текст на кнопке с "Показать дополнительные" на что-нибудь более оригинальное.
- $showadvancedNow - Тип:строка, текст который вы хотите поместить на кнопке
add_action_buttons($cancel, $submitlabel)
Показывает две кнопки "Сохранить изменения" и "Отменить".
- $cancel - показывать ли кнопку "отменить". По умолчанию true.
- $submitlabel - Надпись на кнопке сохранения данных. Значение переменной по умолчанию - null. Надпись по умолчанию "Сохранить изменения".
add_checkbox_controller($groupid, $buttontext, $attributes, $originalValue)
Добавляет переключатель (ссылку или кнопку), контролирующий состояние нескольких элементов типа advcheckbox.
- $groupid - id группы элементов типа advcheckbox, которую контролирует этот переключатель
- $buttontext - текст на кнопке переключателя. По умолчанию "выделить все".
- $attributes - ассоциативный массив html-атрибутов для тега, описывающего переключатель
- $originalValue - Возможные состояния: 0 или 1. Изначальное состояние всех переключателей контролируемой группы. По умолчанию 0 (все галочки сняты).
setType($elementname, $paramtype)
Отвечает за первичную проверку значений, которые вы получаете из формы. Всегда используйте этот метод при получении данных из формы.
- $elementname - имя элемента в форме
- $paramtype - ожидаемый тип получаемых данных
Список возможных значений для $paramtype можно посмотреть в статье константы типов данных
validation($data, $files)
Вызывается автоматически, после отправки данных на сервер. Не вызывайте эту функцию вручную.
Используется для дополнительной проверки данных на стороне сервера. Все необходимые сложные проверки должны быть проведены именно здесь. Для простых проверок (на тип данных, проверка email-адреса и т. п.) используйте функцию addRule()
- $data - массив вида array('имя_поля' => 'значение') из отправленных данных
- $files - массив загруженных в форму файлов. Имеет вид array('имя_поля' => 'путь_к_временному_файлу')
В случае возникших ошибок возвращает массив вида array('имя_поля' => 'текст_сообщения_об_ошибке'). По умолчанию (или в случае отсутствия ошибок при проверке) эта функция обязательно должна вернуть пустой массив.
disabledIf($elementName, $dependentOn, $condition, $value)
Эта функция используется для того чтобы установить зависимости между полями формы. До тех пор пока одно поле формы не будет выделено, или в него не будет введено нужное значение, другое не станет активным.
К одному элементу формы можно применять несколько правил disabledIf. Несколько элементов могут зависеть от одного поля.
- $elementName - имя зависимого элемента.
- $dependentOn - имя элемента, чье состояние должно быть проверено условием $condition.
- $condition - по умолчанию 'notchecked'.
- $value - значение, используемое для проверки условия. По умолчанию "1".
| Значение | Пояснение |
|---|---|
| checked | Элемент выделен. Используется для элементов radio и checkbox. Не работает с элементами advcheckbox. |
| notchecked | Элемент не выделен. Используется для элементов radio и checkbox. Не работает с элементами advcheckbox. |
| eq | Значение указанного элемента равно значению указанному в параметре $value. |
| noteq | Значение указанного элемента не равно значению указанному в параметре $value. |
| noitemselected | В указанном html-элементе "select" ничего не выбрано. |
applyFilter($elementName, $functionName);
Применить проверку элементу формы.
Параметры
- $elementName - название элемента внутри формы. В качестве имени можно использовать специальное значение __ALL__ чтобы применить проверку ко всем элементам.
- $functionName - название функции (без скобок и аргументов), которая должна быть применена к этому элементу
Пример:
// применение проверки ко всем элементам
$mform->applyFilter('__ALL__', 'trim');
// применение проверки к одному элементу
$mform->applyFilter('lastname', 'addslashes');
closeHeaderBefore($elementName)
Закрыть рамку формы до элемента с указанным именем. Эта функция позволит вам выносить нижние элементы "за пределы" визуальной рамки формы, а также добавлять элементы без заголовка. Иными словами, эта функция закрывает тег <FIELDSET>. Эта функция должна быть обязательно вызвана ПОСЛЕ добавления элемента, перед которым закрывается рамка формы.
Пример:
// добавляем элемент формы
$mform->addElement('text', 'name', $this->dof->get_string('name','plans').':');
// Выносим его, и следующие элементы за рамку формы
$mform->closeHeaderBefore('name')
Элементы формы
Во всех приведенных примерах переменная $form обозначает ссылку на объект HTML_QuickForm. Подробнее об этом в описании функции definition().
Во всех текстовых полях (кроме кнопок) можно использовать html-теги форматирования.
| Описание | Имя | Код для вставки | |
|---|---|---|---|
| Заголовок формы.
Этот заголовок будет говорить об общем содержании данных в форме. Также он используется в случае, когда вам нужно разбить форму на несколько частей. Если вам нужно закрыть рамку заголовка перед каким-либо элементом, используйте функцию closeHeaderBefore() |
header | $mform->addElement('header','testname', 'Текст заголовка');
| |
| Стандартный html-элемент checkbox. | checkbox | $mform->addElement('checkbox', 'testname', 'Текст_перед_галочкой', 'Текст_после галочки');
| |
| Стандартное диалоговое окно загрузки файла. | file | $mform->addElement('file', 'userfile', 'Текст перед окном загрузки файла');
| |
| Добавление группы элементов. Для того, чтобы добавить группу элементов, их нужно предварительно создать при помощи функции create_element()
Параметры (в порядке перечисления):
|
group |
// создаем массив
$objs = array();
// Создаем элементы формы
$objs[] =& $mform->createElement('text', 'testname1', 'Пояснение к полю 1');
$objs[] =& $mform->createElement('text', 'testname2', 'Пояснение к полю 2');
$objs[] =& $mform->createElement('text', 'testname3', 'Пояснение к полю 3');
// добавляем элементы в форму
$grp =& $mform->addElement('group', 'groupname', 'Пояснение для группы элементов', $objs, '<br>', true);
| |
| Стандартный html-элемент password | password | mform->addElement('password', 'testname', 'Текст перед окном с паролем');
| |
| Тоже самое, что и элемент password, но с дополнительной галочкой "отобразить пароль". | passwordunmask | $mform->addElement('passwordunmask', 'testname', 'Текст перед окном с паролем');
| |
| Стандартный html-элемент radio | radio | $mform->addElement('radio', 'testname', 'Текст до переключателем',
'Текст после переключателя', 'Значение');
| |
| Стандартный html-элемент select. Массив $choices содержит варианты для оператора select. Значениями массива являются текстовые надписи в списке выбора, а ключами - значения этих вариантов. | select | // создаем массив с вариантами выбора
$choices = array('a' => 'Текст варианта 1', 'b' => 'Текст варианта 2');
// Добавляем элемент формы
$mform->addElement('select', 'testname', 'Пояснение для строки выбора', $choices);
| |
| selectgroups | |||
| submitlink | |||
| Стандартный html-элемент text. Последний параметр - строка html-атрибутов. В данном примере длина поля задана 33 символа. | text | $mform->addElement('text', 'testname', 'Пояснение для текстового поля', ' length="33" ');
| |
| Стандартный html-элемент textarea. Значения ширины и высоты задаются в виде массива, последним аргументом. | textarea | $mform->addElement('textarea', 'testname', 'Пояснение:', array('cols'=>80, 'rows'=>20));
| |
| Диалоговое окно с выбором даты. Обратите внимание, что при получении данных через get_data() значение этого поля автоматически трансформируется в метку unixtime на 12:00:00 дня выбранной даты. По умолчанию выставляется текущая дата и время. Другое начальное значение может быть задано при помощи функции setDefault(). | date_selector | $options = array();// объявляем массив для установки значений по умолчанию
$options['startyear'] = 1980; // устанавливаем год, с которого начинать вывод списка
$options['stopyear'] = 2001; // устанавливаем год, которым заканчивается список
$options['optional'] = false; // убираем галочку, делающую возможным отключение этого поля
$mform->addElement('date_selector', 'testname', 'Пояснение для поля даты', $options);
| |
| Этот элемент аналогичен элементу date_selector, только добавлены параметры часов и минут. Полученные данные также трансформируются в unixtime, но уже для выбранных значений часов и минут. По умолчанию выставляется текущая дата и время. Другое начальное значение может быть задано при помощи функции setDefault(). | date_time_selector | $mform->addElement('date_time_selector', 'testname', 'Пояснение для поля даты');
| |
| Полноценный html-редактор для редактирования страниц. Его вид (обычный или расширенный) настраивается индивидуально каждым пользователем для себя. Обратите внимание, что в качестве дополнительных параметров можно массивом передать значения ширины и высоты текстового поля. | htmleditor | $mform->addElement('htmleditor', 'testname', 'Пояснение:', array('cols'=>80, 'rows'=>20)
| |
| Выбор формата для редактирования сообщения. Полезно использовать вместе со встроенным html-редактором. | format | $mform->addElement('format', 'testname', 'Текст пояснения');
| |
| Обычное текстовое поле, не передает никаких данных. Полезно использовать для различных пояснений и отображения текущей информации о каком-либо объекте. Вы также можете использовать этот элемент для разбиения формы на небольшие смысловые блоки, не разрывая рамку формы. Для более явного разбиения используйте элемент header. | static | $mform->addElement('static', 'testname', 'Пояснение:', 'Само текстовое значение');
| |
| Стандартный html-элемент hidden, скрытое поле для передачи служебных id, адресов для перенаправления и т. д. Помните о необходимости проверки значений из этого поля. | hidden | $mform->addElement('hidden','testname', 'Значение скрытого поля');
| |
| Установить модуль видимым/скрытым. Только для использования внутри Mooodle. | modvisible | ||
| Элемент с двумя стандартными radio-кнопками выбора: да и нет. | selectyesno | $mform->addElement('selectyesno', 'testname', 'Текст пояснения');
// установить значение по умолчанию "да"
$mform->setDefault('stoponerror', 1);
| |
| Шкала выставление оценки за задание. Только для использования внутри Moodle. | modgrade | ||
| Кнопка "отменить форму". При нажатии на нее происходит отмена всех произведенных в форме действий. | cancel | $mform->addElement('cancel', 'testname', 'Надпись на кнопке');
| |
| Элемент аналогичен кнопке типа submit, но при использовании button пропускается проверка данных на стороне клиента. | button | $mform->addElement('button', 'testname', 'Надпись на кнопке');
| |
| Выбрать файл из курса. Только для использования внутри курса Moodle. | choosecoursefile | ||
| Кнопка отправки данных из формы. Обязательно ставьте ее в конце, иначе все введенные данные нельзя будет отправить. Существует также альтернативный способ задать такую кнопку - это функция get_data() | submit | $mform->addElement('submit', 'testname', 'Текст на кнопке');
| |
| Выбрать вопрос из категории. Только при редактировании теста и только внутри курса Moodle. | questioncategory | ||
| Элемент checkbox c расширенными функциями - такие элементы можно объединять в группы и устанавливать им контрольный переключатель (делает либо все галочки поставлеными либо снятыми) при помощи функции add_checkbox_controller().
Поскольку таких галочек всегда задается несколько - то целесообразно в указании имени элемента использовать квадратные скобки, чтобы собрать значения всех элементов в один массив. Последним аргументом задается группа, к которой принадлежит созданный элемент. Именно это значение должно быть указано в первом параметре функции add_checkbox_controller(). Несовместим с функцией disabledIf() |
advcheckbox | $mform->addElement('advcheckbox', 'testname[1]', 'Описание:',
'Текст за галочкой', array('group' => 'id_группы'));
$mform->addElement('advcheckbox', 'testname[2]', 'Описание:',
'Текст за галочкой', array('group' => 'id_группы'));
|
|
| Окно с картинкой для использования Capcha проверки. Обратите внимание, что для того чтобы использовать этот элемент вы сначала должны получить уникальный ключ с на сайте http://recaptcha.net/api/getkey. | recaptcha | $mform->addElement('recaptcha', 'testname', 'Текст с пояснением');
| |
| Несколько зависимых друг от друга html-элементов типа "select". В зависимости от выбранной опции в первом элементе, меняются значения остальных.
При вызове функции addElement в последнем параметре указывается, какими символами разделять операторы select. |
hierselect |
// для начала создадим два массива - по количеству операторов select
// которые нам предстоит создать
// Первый, главный элемент select
$select1[0] = 'Pop';
$select1[1] = 'Classical';
$select1[2] = 'Funeral doom';
// второй элемент select - его варианты зависят от первого
$select2[0][0] = '--- Artist ---';
$select2[0][1] = 'Red Hot Chil Peppers';
$select2[0][2] = 'The Pixies';
$select2[1][0] = '--- Artist ---';
$select2[1][1] = 'Wagner';
$select2[1][2] = 'Strauss';
$select2[2][0] = '--- Artist ---';
$select2[2][1] = 'Pantheist';
$select2[2][2] = 'Skepticism';
// добавляем новый элемент в форму
$myselect =& $mform->addElement('hierselect', 'testname', 'Текст с пояснением:',null,'<br>');
// устанавливаем для него варианты ответа
$myselect->setOptions(array($select1, $select2));
// устанавливаем значения по умолчанию: 'Funeral doom'->'Pantheist'
$mform->setDefault('testname', array(2, 1));
| |
| Добавить собственный html-код. Используйте этот тип элементов формы, только в случае, если ни один из перечисленных элементов вам не подходит, или нужно решить какую-либо нетривиальную задачу с форматированием.
Может помочь в случае решения задачи разбиения формы на 3, или более колонок ([1] [2]). |
html | $mform->addElement('html', '<div class="qheader">');
| |
| Элемент, который автоматически подсказывает варианты по мере набора текста (как Яндекс или Google). Выглядит как обычный элемент text, но имеет встроенный javascript. Значение по умолчанию устанавливается стандартным образом. | autocomplete | // Создаем массив подсказок
$options = array('апельсин', 'ананас', 'авокадо');
// добавляем новый элемент в форму
$element =& $mform->addElement('autocomplete', 'testname', 'Текст с пояснением:', 'size=12');
// устанавливаем массив подсказок
$element->setOptions($options);
|
Решение наиболее распространенных задач
Установка обязательных полей
Установка обязательных полей происходит при помощи функции addRule().
Пример:
// устанавливаем поле "город"
$mform->addElement('text', 'city', 'Город :', 'maxlength="100" size="30"');
// делаем поле обязательным
$mform->addRule('city','Это поле является обязательным', 'required',null,'client');
Установка дополнительных полей
Установка дополнительных полей производится при помощи функции setAdvanced(). Необязательные элементы должны располагаться один за другим.
Пример:
// устанавливаем два текстовых поля и делаем их необязательными
$mform->addElement('text', 'my_field1', 'Пояснение :');
$mform->setAdvanced('my_field1');
$mform->addElement('text', 'my_field2', 'Пояснение :');
$mform->setAdvanced('my_field2');
Установка проверки на стороне клиента или сервера
По умолчанию все данные из формы подлежат проверке на стороне сервера. Существует возможность добавить проверку на стороне клиента. Не забывайте при этом, что эти данные нужно потом все равно еще раз проверить на стороне сервера, так как всегда существует возможность послать данные в обход формы.
Проверка на стороне сервера
Если вам требуется дополнительная проверка данных на стороне клиента, то используйте стандартный метод validation(). Любые другие способы проверки данных после формы должны использоваться только в исключительных случаях.
Проверка на стороне клиента
Все малозначимые проверки желательно производить на стороне клиента для увеличения быстродействия приложения. Все проверки на стороне клиента производятся при помощи функции addRule().
В параметре validation обязательно нужно указать 'client'.
Пример:
// устанавливаем поле "фамилия"
$mform->addElement('text', 'lastname', 'Фамилия :');
// делаем его обязательным
$mform->addRule('lastname','Это поле является обязательным', 'required',null,'client');
Установка зависимых полей
Стандартный вариант
Установка зависимых полей производится при помощи функции disabledIf().
Пример:
// Устанавливаем элемент checkbox
$mform->addElement('checkbox', 'my_checkbox', get_string('forcedownload', 'resource'));
// устанавливаем текстовое поле
$mform->addElement('text', 'my_field', 'Пояснение :');
// устанавливаем зависимость
$mform->disabledIf('my_field', 'my_checkbox', 'checked');
Расширенный вариант
Для html-элеметов "select", есть возможность установить иерархическую зависимость элементов (то есть в зависимости от того, что было выбрано в первом "select", меняются значения в остальных). Синтаксис этого элемента указан в разделе Элементы формы (в самом конце, он называется hierselect).
Известные проблемы
В этом разделе собраны обнаруженные проблемы с элементами формы и способы их решения.
text
- Поле ввода слишком широкое, слишком узкое, или вылезает за границы заголовка
- Решение: Нужно в свойства элемента добавить style="width:100%;". В этом случае элемент растянется до конца формы, и не будет вылезать за границы формы вне зависимости от того - большой монитор у пользователя или маленький.
- Пример:
$mform->addElement('select', 'my_select', 'Description...', $options, ' style="max-width:400px;width:100%;" ');
textarea
- Поле ввода слишком широкое, слишком узкое, или вылезает за границы заголовка
- Решение: Нужно в свойства элемента добавить style="width:100%;". В этом случае элемент растянется до конца формы, и не будет вылезать за границы формы вне зависимости от того - большой монитор у пользователя или маленький.
- Пример:
$mform->addElement('textarea', 'name', 'Description...', array('style' => 'width:100%;max-width:400px;height:150px;'));
hierselect
- Не работает Javascript если в качестве значения hierselect используются цифры
- Решение: в списке значений после цифры добавлять пробел, или любой другой символ.
- Пример: array('1' => "1 "); вместо array('1' => "1");
- Невозможно отключить только одно поле hierselect не отключая при этом остальные
- Решение: отсутствует.
- При количестве select-элементов 3 или больше портится верстка. Подписи к select-элементам не совпадают с самими элементами.
- Решение: до элемента hierselect вставить html-элемент который содержит div, устанавливающий фиксированный межстрочный интервал (см. пример). После добавления hierselect-элемента закрыть div.
- Пример:
// выравниваем строки по высоте
$mform->addElement('html', '<div style=" line-height: 1.9; ">');
// Дальше идет объявление hierselect...
// ...
// закрываем тег выравнивания строк
$mform->addElement('html', '</div>');
- При указании строковых ключей массива hierselect не работает. Это происходит из-за того что в Javascript мы можем иметь дело либо с индексированными массивами, либо с объектами. Ассоциативные массивы там не предусмотрены.
- Решение: не использовать ассоциативные ключи массивов при создании элементов hierselect. Если же обойтись без них никак нельзя - то можно закодировать ассоциативные элементы числами ('option1' - 1, 'option2' - 2 и т. д.), а на стороне обработчика раскодировать обратно.
- По неизвестным причинам иногда перестает работать переключение с одной опции на другую.
- Решение: скорее всего в списке дочерних опций присутствуют элементы не для всех родительских опций (см. пример). Для каждой опции верхнего уровня должен присутствовать хотя бы один элемент нижнего уровня.
- Пример:
Неправильный код:
$level1 = array(); $level1[0] = 'option0'; $level1[1] = 'option1'; $level2 = array(); $level2[1][0] = 'option1_0'; $level2[1][1] = 'option1_1';
Правильный код:
$level1 = array(); $level1[0] = 'option1'; $level1[1] = 'option2'; $level2 = array(); $level2[0][0] = 'option0_0'; // без этой строки ничего не будет работать $level2[1][0] = 'option1_0'; $level2[1][1] = 'option1_1';
- Данные из поля hierselect передаются вне зависимости от того, было отключено поле или нет.
- Решение: отсутствует.
- При проверке данных в функции validation() нельзя сообщить о том, что ошибка произошла внутри какого-то конкретного select-элемента.
- Решение: отсутствует. Можно указать только указывать сам hierselect-элемент как источник ошибки, и сообщить подробности в сообщении.
- Не работает правило disabledif. Невозможно установить значение из hidden-поля для использования disabledif-правила.
- Решение: создать другой элемент (например checkbox), записать в него нужное значение, и в стилях установить ему display:none
- Пример:
$mform->addElement('radio', 'hidden_hack', '', '', 'true', 'style' => 'display:none;');
