Выполнение индивидуального контроля дважды

Question

Я расширяю sap.ui.unified.Calendar с настраиваемым элементом управления, переопределяя функцию renderDays(), чтобы поместить дополнительный тег span в каждый день div.

Консоль указывает, что массив часов не определен. Он выдает ошибку, найденную ниже, но продолжает работать после этого. Эта ошибка не позволяет перемещать стрелки заголовка между месяцами в календаре. Является ли этот рендеринг дважды? Почему часы [] не определены сначала, но нормально?

Если я поместил весь код в один файл JSBin, это не ошибка. JSBin

В верхней части кода для пользовательского элемента управления:

sap.ui.unified.Calendar.extend("control.TimeCalendar", { 
    metadata : { 
     properties : { 
      "hoursData" : "string[]" 
     } 
    }, 

    renderer: { 
    renderDays: function(oRm, oCal, oDate){ 
     var hours = oCal.getHoursData(); 

Консоль вывода:

Cannot read property 'length' of undefined 

Выписка из TimeCalender.js таможенного контроля. Это внутри цикла do ... while, который помещает каждый день в календарь. Если функция помещает дату, я также включаю тег span с номером, полученным из массива «часы».

oRm.write("<span class=\"sapUiCalDayNum\">"); 

if ((hours.length>i) && (hours[i].day == oDay.getUTCDate())) { 
    oRm.write("<span class=\"hours\">"); 
    oRm.write(hours[i].hours); 
    oRm.write("</span>"); 
    if(i <= hours.length) { i++; } 
} 

oRm.write(oDay.getUTCDate()); 
oRm.write("</span>"); 

Answer 1

Принимая догадку, я бы сказал, что в вашем без jsbin сценарии вы используете привязки данных, и данные, полученные либо asynchonously от заднего конца или он устанавливается после первого рендеринга?

В этом случае значение hoursdata установлено на неопределенное, что вызывает ошибку.

Если определить свойство как это:

properties : { 
    "hoursData" : { type: "string[]", defaultValue: [] } 
} 

... Таким образом, вы убедитесь, что всегда есть массив, который имеет свойство длины.