Выбор даты в StratusForms в повторяющихся строках

Question

Я использую StratusForms Марка Рэкли 1.5.В своих документах и ​​других публикациях он утверждает, что средства выбора даты работают в повторяющихся строках.

• Теперь вы можете выполнять код, когда повторяющиеся строки добавляются или удаляются, а элементы повторяющихся строк имеют уникальные идентификаторы, поэтомучто вы можете использовать такие вещи, как jQueryUI DatePickers для повторения контента сейчас.

Я получаю DatePicker в первой строке, но не DatePicker, если пользователь добавляет новую строку.

Есть ли событие .NewRowAdded() или что-то подобное, что мне нужно подключить в моем JavaScript?Я не могу найти ничего в его документах или видео, которые бы это освещали.

Answer 1

В исходном файле stratus-forms-1.5.js найдите определение функции

 $.fn.StratusFormsRepeatRowAdded = function (container) {}

, измените это определение на:

$.fn.StratusFormsRepeatRowAdded = function (container) {       
        $( "#"+container[0].cells[0].childNodes[0].id ).removeClass('hasDatepicker');
        $( "#"+container[0].cells[0].childNodes[0].id ).datepicker({
            changeMonth: true,
            changeYear: true
        });
    }

В JavaScript вашего приложения сделайте что-то вродеэто в Init() чтобы установить указатель даты на начальный ввод при первой загрузке формы:

function Init()
    {

        $("#SFForm").StratusFormsInitialize({
              htmlForm: "../SiteAssets/stratus/stratus-test.html",
              queryStringVar: "formID",
              listName: "StratusTest",
              completefunc: function()
              {
                $( "#tabs" ).tabs({
                    active: 0
                 });
                 $( "#subDate" ).datepicker({
                    changeMonth: true,
                    changeYear: true
                });

              }
        });
    }