2013-01-18 7 views
1

fullcalander에 더 많은 텍스트를 표시해야합니다. 하지만 문제는 아약스 호출을 통해 json 데이터로 mySQL db에서 데이터를 가져옵니다. 그래서 나는오고있는 데이터의 정확한 길이를 모른다. 그래서 루프에서 동적으로 fullcalendar의 일별 이벤트를 표시해야합니다. 다음 코드를 시도했지만 출력을 얻지 못했습니다. 누구든지 나를 도울 수 있겠 어. 미리 고맙습니다동적으로 fullcalendar에 텍스트 추가

var testJson = ['value1', 'value2']; 
$('#full_calendar').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 
    editable: true, 
    events: [ 
     for(var i=0;i<2;i++){ 
      { 
       title: ''+testJson [i], 
       start: new Date(y, m, 3) 
      } 
    } ] 
}); 

답변

2

2 가지 첫째 : 당신이 recived 데이터의 정확한 길이를 알고 싶을 때 는 .... 왜 안 JSON 개체 내에서 보내?

var test = {"data":[1,2,3,4,5],"size":5}

lentgh를 얻을 수있는 두 번째 방법은 길이 필드입니다. 모든 자바 스크립트 객체에는 길이 필드가 있습니다. 위의 예제에서 test.data.length는 test.size와 마찬가지로 5를 반환합니다.

및 befor을 단지 배열을 구축, 그래서 난 당신이 배열 선언 내에서 반복을 실행할 수 없습니다 확신 해요 :

var size = test.data.length; 
var events = []; 
for(var i =0; i < size; i++) { 
    events[] = {title: test.data[i], start: new Date(y, m, 3)} 
} 

: JQuery와없는

var events = []; 
$(test).each(function(i, obj) { 
    events[] = {title: test.data[i], start: new Date(y, m, 3)} 
} 

가이 싶습니다 함수 호출에 전달하십시오.

0

아약스 호출을 사용하여 데이터를 가져 오는 경우 'events : "ajax 요청에 대한 addres를 작성하고 ajax 요청에 대한 파일을 추가하십시오. 예 : parametr events : 'json-events.php'사이트의 루트에 'json-events.php'파일을 추가하십시오. json-events.php에서 데이터베이스에 대한 쿼리를 수행하고 배열에서 이벤트 데이터를 가져옵니다. 이벤트는 하나의 데이터 배열 (배열의 배열)입니다. 모든 이벤트는, ID, 제목이 같은 시작해야합니다 : 그 후

array(array(
'id' => event id, 
'title' => event title, 
'start' => YYYY-mm-dd, 
'end' => YYYY-mm-dd 
)) 

JSON 형식으로 변환 (로 json_encode()를) 및

에코
관련 문제