Integrating Jquery Fullcalendar Into App - Dynamic Events Function Mvc
May 31, 2010
I'm integrating Fullcalendar into my app. Consider a manager interface where he can select an employee and then view this employee's calendar. Now basically I'm using the following jquery code in my view:
Now I would like to have the controller function assigned to the events to retrieve the specific user selected by the manager: events: "/Scheduler/CalendarData/<current_user_name> Is there any way to retrieve the selected employee user name from the view (or rather pass it to the view from the controler) and then pass it onto the bound events function?
I am trying to figure out this fullcalendar and how to get events from database. I am using asp .net I am using a webservice that has something like this. I am just trying to put a test record first then I will tie it to the database once i get it working. Just trying to figure out how to tie my webservice.
Public Class WebService1 Inherits System.Web.Services.WebService <WebMethod()> _ <ScriptMethod(ResponseFormat:=ResponseFormat.Json, UseHttpGet:=True)> _ Public Function Getcalendar() As String Dim sb As New StringBuilder Dim sw As New IO.StringWriter(sb) Dim strOut As String = String.Empty Using writer As New JsonTextWriter(sw) writer.WriteStartObject() writer.WritePropertyName("id") writer.WriteValue("999") writer.WritePropertyName("title") writer.WriteValue("my test") writer.WritePropertyName("allday") writer.WriteValue("false") writer.WritePropertyName("start") writer.WriteValue("2010-04-14T11:00:00") writer.WritePropertyName("end") writer.WriteValue("2010-04-14T13:00:00") writer.WriteEndObject() strOut = sw.ToString End Using Return strOut End Function End Class And my html goes like this <script type="text/javascript"> $(document).ready(function() { $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, editable: true, events: RVCSC.WebService1.Getcalendar() }); });
I've having difficulty in populating FullCalendar from MVC and would like a little assistance on the matter.
I have the following code for my controller:
Function GetEvents(ByVal [start] As Double, ByVal [end] As Double) As JsonResult Dim sqlConnection As New SqlClient.SqlConnection sqlConnection.ConnectionString = My.Settings.sqlConnection Dim sqlCommand As New SqlClient.SqlCommand
The call to the ASHX page does not display any results, but if I paste the values returned directly into the events it displays correctly. I am I have been trying to get this code to work for a day now and I can't see why the events are not getting set.
I am integrating fullcalendar in mvc application. using json data to display in fullcalendar.Here i am using datepicker for start date and end date for filtering fullcalendar. data passing to fullcalendar but not displaying.May be due to format of start date and end date coming from controller.date format is in this form '1278042300'. I ams ending my j query code .
I am trying to integrate the jQuery FullCalendar to a new Web forms application. I am new to jQuery so need a bit of help to set this up. Full Calendar link - [URL] I have found a tutorial using MVC - [URL] But i am using Web forms,
I'm integrating jquery fullcalendar into my mvc application. basically i'm following the instructions on: [URL] My code is as follows: in Index.aspx:
[Code]....
Here is the code for Scheduler/CalendarData:
[Code]....
I also have the following code inside head tag in site.master:
[Code]....
When navigating to /scheduler/calendardata I get a prompt for saving the json data which contents are exactly what I created in the CalendarData function. Navigating to /scheduler/index/ I get the following runtime error in VS: Microsoft JScript runtime error: Object expect. VS Highlights the $(document).ready(function()...) code in the script tag.
I am using fullCalendar and I'm able to populate the calendar with events very easily. And I undertsand the best way to add events to the calendar is through the database. What I need now is to catch and populate an edit event form after the user clicks an event.
How can i get notified when the user click on 'next' (arrow) ? I'm using the calendar in month view and I want to load the next month data on demand. Also, do smbdy has an example of consuming data from ASP.NET (AJAX call)?
I have a custom control, that has takes some information from user and submit to the database. it is working fine in normal aspx pages. but when i display that custom user control in jQuery modal popup. The events does not fire or lets say the data is not submitted to the database.
I'm using a .js file to bind events to controls. I'm also using UpdatePanel to do async postbacks; however, when they postback,the controls lose the events that were initially bound to them. Is it possible to rebind the events in the Page_Load function by using the .js file?
I have the usual problem of dynamically created usercontrols not hitting the event handler for a linkbutton inside the control, but I've checked the usual problems and I can't work out what's wrong. I'm calling a function to create the controls at the bottom of my page.load (although I did try page.init as well just in case) outside of my page.ispostback check, and I'm setting the controls id's to a fixed name which is consistent across postbacks. Any ideas what's wrong?
[Code]....
Usercontrol code:
<asp:LinkButton runat="server" ID="lnkDeleteGroup" Text="Delete this group" />
I've added AddHandler to dynamic controls in code behind but when I (for example) select an item from the ajax combobox (selectedIndedChanged) nothing happens.
for my dynamic user control, i am trying to do any event from that control (delete, update .... etc) but it disappeard when i make any event! this the code in the page to load it dynamically:
I created a customDropdown usercontrol with Events and It worked fine.
Now I stored the path of the ascx file in the database table and i want to Load the ascx file and handle the Events dynamically in an aspx page.
To Load the usercontrol and access the public properties and method, I need to know the object i am trying to load, right?
For Example
FeaturedDDL c = (FeaturedDDL)Page.LoadControl("~/FeaturedDDL.ascx").
But I dont want to hardcode objectType "FeaturedDDL", coz i dont have that stored in my Database field.
Since I am loading the usercontrol by getting the path and name of the usercontrol from the database table,how will I know the ObjectType at that time?
How to accomplish that and also how to handle the events for these type of situation?
I have an aspx webpage in which an user control is added dynamically as follows:
UserControl testUsrControl = LoadControl("TestUsrControl") as UserControl; testUsrControl.ID ="test";
Then I tried adding an event handler of user control inside aspx like below:
testUsrControl.Drpdatafield_SelectIndexChanged += new EventHandler(this.Drpdatafield_SelectIndexChanged);
But this line is giving error at **testUsrControl.Drpdatafield_SelectIndexChanged **. The error is "Drpdatafield_SelectIndexChanged" doesn't exist in UserControl.How can get the testUsrControl's events inside aspx page dynamically.
I'm trying to create multiple update panels to add to an accordion pane with timers with a _tick event to update the respective update panel on the page_load event.
I have a problem I am using a date picker ... jdpicker and I also tried with UI DatePicker and I keep getting this error "..." is not a function even though intellisense detects the function.My code is as simple as using the default options such as
$('#txtDate').jdPicker() or $('#txtDate').datePicker()
I've been reading up on the problems with dynamically created controls and how they have been solved. The posts I have come across are creating the controls in a panel or some other open place. I can't seem to get my checkbox to fire the event from inside a gridview. below is the code behind from inside the GridView PreRender event.
[Code]....
..And the Checked Event.. [Code]....
So after all this, nothing happens. I get the postback flash but my command inside the checked event doesn't fire.I tried putting the dynamic creation of the checkbox in Page Load with no effect.. I think because I can't place the checkbox inside the GridView under page load.
I have aspx page and in that page i registerd ascx page. i want to access the aspx page <div id = "idofdiv"> from ascx page jquery function. i have jquery function in ascx page. i want to access idofdiv in that function.
But when I have a ListView or DataView, etc... with a pager, I get problems when I click on 'next page'.Then I get the error: Validation of viewstate MAC failed. When I don't use Jquery's load function, I don't get an error.
How can I trigger a jQuery function with the Gridview Select button?
I want that the select button trigger the jquery function that has the row details (it's already working with a asp:buttonfield ), and select the row so i can get the values and send it trough e-mail with another button. I don't know if this is possible.
Can I trigger the jQuery function from code behind with the select button Sub? How?
Is it possible to attach an function on a function?
I would like to have and on sart event and an on end, that I could attach to a function. So when a function starts the event is triggerd and when the function ends an event is triggers. Where the event could be an function.
