- Подробности
- Автор: VARion
Рассмотрим настройку IVENC Calculator с использованием умножения. Как и в статье IVENC Calculator: пример настройки простого калькулятора для упрощения понимания мы не будем настраивать стили (будет использован встроенный стиль). Допустим, нам нужно посчитать следующую таблицу:
Книга | Выбор | Стоимость |
Книга А | Выпадающий список (мягкий или твёрдый переплёт) | 500 или 800 руб. |
Количество Книг А | Поле ввода | |
Книга Б | Радиокнопки (электронная/в коробке/подарочная в коробке) | 149 / 1490 / 2500 руб. |
Количество Книг А | Поле ввода | |
Сумма: | Сумма по всем выбранным позициям |
Встроенный калькулятор:
XML данного калькулятора:
Параметры узла prm
colTypes='Label;Comp' - первая колонка Label (текст), вторая - Comp (компонент). colWidths='150;100%' - первая колонка (Label) шириной 150 пикселей, вторая (Comp) шириной 100%, т.е. занимает оставшуюся ширину. При этом процентное значение означает процент от свободного пространства, т.е. 100% не займёт всю ширину в данном примере. Если есть несколько колонок с шириной 100%, то ширина будет разделена между ними поровну.
Узлы компонентов и логики расчёта (в узле no)
lbl - Label, предназначен для вывода текстовой строки. Текст содержится в параметре t, где значение для каждого столбца разделено ";". sm - Summa, складывает значения дочерних узлов. Может иметь id для ссылки на это значение в узлах типа out и var. В нашем примере складывает значения двух узлов ml. ml - Multiplication, перемножает значения дочерних узлов. Может иметь id для ссылки на это значение в узлах типа out и var. В нашем примере используется два раза. В первом перемножает значения узлов dl и ns, во-втором перемножает значения узлов rb и ns. dl - DropDownList (выпадающий список). Параметр v (Values) - значения, разделяемые точкой с запятой. В нашем случае два значения (500 и 800). Параметр labs (Labels) - текстовые наименования значений в выпадающем списке, разделяемые точкой с запятой. ns - NumericStepper (цифровой счётчик). Параметры:
- v (Values) - вес, на который умножается значение в счётчике, может быть дробным и целым. В нашем случае равен 1;
- min (Minimum) - минимальное возможное значение;
- max (Maximum) - максимально возможное значение;
- st (Step) - шаг счётчика;
- t (Text) - текст для колонок типа Label;
rb - RadioButton (зависимый переключатель). Параметры:
- v (Values) - список значений, разделённый точкой с запятой
- labs (Labels) - текстовые наименования значений опций, разделяемые точкой с запятой.;
- t (Text) - текст для колонок типа Label;
out - Вывод. Аналогичен узлу lbl, только в колонке выбора выводит значение, по id другого узла, прописанного в параметре rf. Параметры:
- rf - ссылка на другой узел по id;
- t - Текст для колонок типа Label;
- triadsep - разделитель триад (тысячных разрядов) для удобного представления сумм;
- decimalsep - дробный разделитель;
- currency - валюта или единицы измерения, выводимые рядом с результатом;
Текст вставки калькулятора в статью WordPress:
Следующий код размещаем в статье, где мы хотим видеть данный калькулятор:
Здесь example-sum-and-multiplication.xml - имя XML-файла с настройками калькулятора, расположенного в папке модуля ivenc-calculator. Перечень доступных параметров online-калькулятора можно посмотреть на странице: IVENC Calculator