Наш блог

 Рассмотрим настройку IVENC Calculator с использованием умножения. Как и в статье IVENC Calculator: пример настройки простого калькулятора для упрощения понимания мы не будем настраивать стили (будет использован встроенный стиль). Допустим, нам нужно посчитать следующую таблицу:

Встроенный калькулятор:

XML данного калькулятора:

<?xml version="1.0" encoding="utf-8"?>
<calc>
  <prm sep=';'
       colTypes='Label;Comp'
       colWidths='150;100%'
       clrs='FFFFFF'/>
  <no>
      <lbl t='Книга;Выбор' loc='header'/>
      <sm id='sum'>
          <ml>
              <dl v='500;800' labs='мягкий переплёт (500 руб.);жесткий переплёт (800 руб.)' t='Книга А'/>
              <ns v='1' t='Количество книг А' min='0' max='100' st='1'/>
          </ml>
          <ml>
              <rb v='149;1490;2500' labs='электронная (149 руб.);в коробке (1490 руб.);подарочная в коробке (2500 руб.)' t='Книга B'/>
              <ns v='1' t='Количество книг B' min='0' max='100' st='1'/>
          </ml>                        
      </sm>
      <out rf='sum' t='Сумма:' triadsep=' ' decimalsep=',' currency=' руб' loc='footer'/>
  </no>
</calc>

Параметры узла 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:

Следующий код размещаем в статье, где мы хотим видеть данный калькулятор:

[iv-calc]width:500;height:217;xml:example-sum-and-multiplication.xml;[/iv-calc]

Здесь example-sum-and-multiplication.xml - имя XML-файла с настройками калькулятора, расположенного в папке модуля ivenc-calculator. Перечень доступных параметров online-калькулятора можно посмотреть на странице: IVENC Calculator