2011-01-12 8 views
0
select: function(start, end, allDay) { 
      var title = prompt('Event Title:'); 
      if (title) { 
       calendar.fullCalendar('renderEvent', 
        { 
         title: title, 
         start: start, 
         end: end, 
         allDay: allDay 
        }, 
        true // make the event "stick" 
       ); 
      } 
      calendar.fullCalendar('unselect'); 
     }, 

Ich kann ein Datum (Zeitraum) nur auswählen, wenn ich einen Titel eingeben.How to select ohne Javascript Titel prompt?

Wie kann ich das beheben, so dass ich ein Ereignis ohne Titel eingeben kann?

Hinweis: Fullcalendar von arshaw.com/fullcalendar/

Antwort

0

Sie für einen HTML-Popup und eine Callback-Methode gehen könnte den Wert anstelle von JavaScript-Eingabeaufforderung zu speichern, dass Sie viel mehr controll über das Layout und mehr gibt.

+0

Ich änderte var title = prompt ('Ereignistitel:'); in var title = 'Mein Ereignis'; Zur Zeit verwende ich diesen Standard-Event-Titel, um diese Eingabeaufforderungsseite zu vermeiden, dann leite ich auf meine serverseitige Texbox um, um Titel zu einem erstellten Ereignis zu geben, und speichere das Ereignis – wallace740

1

Ich habe diese Person kann nützlich finden zum Beispiel y haben einen Dialog mit 2 Eingaben und einen create button (html) Ich möchte Titel und andere Informationen eingeben, nahm mich eine Weile, um herauszufinden, wie gut es für mein Genie sein kann hehe :)

 select: function(start, end, allDay) { 

      $('#mydialog').dialog('open'); // open the dialog you must have a div defined with 2 or more inputs 


    $("#create").bind("click", { start: start, end: end,allDay: allDay }, function(event){ // when you click in a create button inside dialog you should send as parameters start,end,etc 
     $input1 = $("#input1").val(); 
     $title = $("#input2").val(); 

      if ($title) { 

       $mycalendar.fullCalendar('renderEvent', 
       { 
        id: $id, // CORREGIR obtener el ultimo id 
        title: $title, 
        start: start, 
        end: end, 
        allDay: allDay, 
        url: $url 
       }, 
       true // make the event "stick" 
       ); 


      }else{ 
       $mycalendar.fullCalendar('unselect'); 
      } 


     $('#mydialog').dialog('close');// close my dialog 

    }); 

     },