사용자 정의 컨트롤 렌더링을 두 번 수행

Question

renderDays() 함수를 재정의하여 sap.ui.unified.Calendar를 사용자 정의 컨트롤로 확장하여 각 day div에 여분의 span 태그를 배치합니다.

콘솔에 시간 배열이 정의되지 않았 음을 나타냅니다. 아래에서 오류가 발생하지만 이후에는 계속해서 오류가 발생합니다. 이 오류는 머리말 화살표를 사용하여 캘린더에서 월 간 이동을 방지합니다. 이 렌더링은 두 번입니까? 처음에는 시간 []이 정의되지 않았지만 이후에는 괜찮 았던 이유는 무엇입니까?

모든 코드를 단일 파일 JSBin에 넣으면 오류가 발생하지 않습니다. JSBin

사용자 지정 컨트롤에 대한 코드의 맨 :

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

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

콘솔 출력 : 사용자 정의 제어 TimeCalender.js에서

Cannot read property 'length' of undefined 

발췌. 이것은 do ... while 루프 안에 있으며 달력에 매일 배치됩니다. 함수가 날짜를 배치하는 곳에서 배열 'hours'에서 검색된 숫자의 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 값이 undefined로 설정되어 오류가 발생합니다.

이 같은 속성을 정의하는 경우 :

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

... 당신은 항상 길이 속성이 배열이 있는지 확인이 방법.