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 .
[Code]....
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.
View 1 RepliesHow 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)?
View 1 RepliesI have been trying to add some events to the fullCalendar using a call to a ASHX page using the following code.
Page script:
<script type="text/javascript">
$(document).ready(function() {
$('#calendar').fullCalendar({
header: {
[Code]....
The ASHX page gets called and returnd the following data:
[{id: 0,title:'test 1',start: '2010-06-07',allDay: false},{id: 2,title:'test 2',start: '2010-06-07',allDay: false}]
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 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,
View 12 RepliesI'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'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:
<script type="text/javascript">
$(document).ready(function() {
$("#calendar").fullCalendar({
defaultView: 'agendaWeek',
isRTL: true,
axisFormat: 'HH:mm',
editable: true,
events: "/Scheduler/CalendarData"
});
});
</script>
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 using jquery-impromptu within my gridviews to display a confirmation box when the user clicks delete which works fine. However, I want be able to do the same with my ListView for which I have the following code:
<asp:ListView ID="lvAlbums" runat="server" GroupItemCount="15" DataKeyNames="album_id">
<LayoutTemplate>
<table id="groupPlaceholderContainer" runat="server" border="0" cellpadding="0" cellspacing="0"
style="border-collapse: collapse; width: 100%;">
<tr id="groupPlaceholder" runat="server">
[Code]....
I am planning to create a scheduler like application using Jquery FullCalendar plugin.Searched a bit, but there are examples using only asp.net mvc.Is there a good tutorial for creating scheduler using asp.net web forms plus using sql server for storing events?
View 1 RepliesI 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
[Code].....
There is a bug in jQuery 1.4.2 that makes change event on select-element getting fired twice when using both DOM-event and a jQuery event, and this only on IE7/8.Here is the test code:
<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.2.js" type="text/javascript"></script>[code].....
This causes alot of trouble for us in our application cause we use both ASP.NET-events mixed with jQuery and once you hook up a change event on any element every select (dropdown) gets this double firing problem.
I have a link button in a repeater control. the li element is drag and droppable using jquery. when the page loads the the link button works perfectly, the jquery that is attached and the server side code both execute. when I perform a drag and drop then click on the link button it doesnt not fire. when i click it a second time it does fire. If i perform 2 or drag and drops in a row the link button doesnt fire a as many drag adn drops as i before it will fire. for example if if perform 3 drag and drops then it will take about 3 click before the events are fired.
[Code]....
I want to restrict the user if they select the language which is already selected by displaying alert msg using JQuery.
Is there any event which fires before the change event.
I thought I was coding a change event correctly, yet somehow i'm not getting any resultI made the simplest of examples to accomplish what i want
[Code]....
I am using Fullcalendar on my site and I have a button to print it. I am doing this with:
function print_calendar() {
$('#calendar').css('width', '6.5in');
$('.fc-content .fc-state-highlight').css('background', '#ccc');
$('#calendar').fullCalendar('render');
bdhtml = window.document.body.innerHTML;
sprnstr = "<!--startprint-->";
eprnstr = "<!--endprint-->";
prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
window.document.body.innerHTML = prnhtml;
window.print();
Now I also want to be able to hide the Previous Month, Next Month, Today, and Month Buttons. How can I do this via javascript? I do not want to change them in the fullcalendar code, just be able to hide them before printing but have them display the rest of the time.
[Code]....
public
static System.Collections.Generic.List<T> CreateList<T>(params T[] elements) {
return new System.Collections.Generic.List<T>(elements); }
protected void btn_Click(object sender,
EventArgs e)
{
var obj = new { Ministry =
"Ministry 0", Title =
"Title 0", Criteria = "Criteria 0" };
[code]...
I try to unbind an event and then rebind a new event to an input element of type text. I think the unbind works, as teh default behavior is disabled, but the rebind not.
The code used:
[Code]....
The alert message doesn't show up on a keypress.
I using jQuery-UI sortable which works fine. The problem that I am having is that the message "New order saved!" or "Save failed" is not displaying in the < p > area. The function is either not executing or something.
Below is the code for the .aspx page
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<link href="jQuery/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="jQuery/jquery.min.js" type="text/javascript"></script>
<script src="jQuery/jquery-ui.min.js" type="text/javascript"></script>
<script src="jQuery/json2.js" type="text/javascript"></script>
<script src="jQuery/jquery-ui-i18n.min.js" type="text/javascript"></script>
<script type="text/javascript">......
I have created a calendar and a sql database in .net C#, both are bind together so I can add events into the database and it will display the event on a grid view when a highlighted day on the calendar is clicked, but what I want to do is display the event inside the calendar itself, am having some problems with this code, can someone help me retrieved the data from the database to automatically display it onto the calendar day and not onto the grid view control.
View 1 RepliesI am using fullcalendar in asp.net. I need to have it display the time and location on the month view. I have tried using:
cevent.title = cevent.title + "At: " + (string)reader["Location"] + "<br>";
but is is purifying the HTML and displaying <br /> rather then applying the line break. How can I force it to use the HTML? I have tried HTML encoding and decoding and using /n non of these work. Apparently cevent.description can accept HTML tags but not cevent.title Here is more of the code I am using.
public static List<CalendarEvent> getEvents(DateTime start, DateTime end)
{
List<CalendarEvent> events = new List<CalendarEvent>();
SqlConnection con = new SqlConnection(connectionString);
SqlCommand cmd = new SqlCommand("SELECT eventNumber, details, event, BeginDate, BeginTime, EndDate, EndTime, Location FROM events where BeginDate>=@start AND EndDate<=@end", con);
cmd.Parameters.AddWithValue("@start", start);
cmd.Parameters.AddWithValue("@end", end);
using (con)
{
con.Open();
SqlDataReader reader = cmd.ExecuteReader();
while (reader.Read())
{
CalendarEvent cevent = new CalendarEvent();
cevent.id = (int)reader["eventNumber"];
cevent.title = (string)reader["event"];
cevent.description = "<B>" + cevent.title + "</B><br/><br/>";
if (!string.IsNullOrEmpty((string)reader["BeginTime"]))
{
cevent.description = cevent.description + (string)reader["BeginTime"] + " - " + (string)reader["EndTime"] + "<br>";
}
if (!string.IsNullOrEmpty((string)reader["Location"]))
{
cevent.description = cevent.description + "At: " + (string)reader["Location"] + "<br>";
}
cevent.description = cevent.description + (string)reader["details"];
cevent.start = (DateTime)reader["BeginDate"];
cevent.end = (DateTime)reader["EndDate"];
events.Add(cevent);
}
}
return events;
}
cevent.description functions properly with the tages but cevent.title simply displays them.
I am new to programming especially jQuery. I am trying to use ColorBox to display photos from an album using the example from[URL]Below is the .aspx code:
[Code]....
Could someone please tell how to correct this? or to be able to display the photos within dlColorBox DataList using ColorBox?So it is displays the photos within the selected album like Grouped Photo 1 example[URL]I am new to jQuery so could you please indicate how to make this work by changing the code as I have spent last 3 days looking at different examples on the internet.
I have a webpage which displays content drawn from a single record in a database table. I've been asked to change this so that the content displayed alternates between 2 records each time the page is requested by a browser (I guess this would equate to each PageLoad event).
The records to be displayed are chosen on the basis of two dates, a beginning date and and ending date, that define a time period in which the record is to be active. The table containing these records has 2 columns containing these dates (begin date is contained in "dtDisplay" and end date is "lastDisplay."
I'm not sure how to amend the existing code behind to make this happen. Here is the c# that I inherited from a developer who is no longer available.
[Code]....
I have been given a requirement to take an existing stand-alone web-form (i.e. uses postbacks) and throw it into a lightbox. The standalone web-form already has save and cancel buttons that have predefined behaviors. For example, the Save button attempts to save the form, and either displays validation errors, or if the operation was successful, redirects to some other page in the app. However, in the context of this new "lightbox mode", the Save button should additionally close the lightbox if the operation was successful. I see two options:
Option 1-->UpdatePanel + ModalDialogExtender:a. Extract a UserControl out of the standalone web-form that includes everything but save/cancel buttonsb. Introduce Save and Cancel EventHandlers on said UserControl
c. Use this UserControl on both the standalone and lightbox versions of the page, and wire up the events appropriatelyOption 2-->Client side lightbox (i.e. jQuery)I'm a big fan of jQuery and tend to favor its use for Ajax functionality b/c of the level of control it gives me. On the other had, I also want the simplest solution that will possibly work. Assuming that option 2 is that option,
I am having a gridview in which some information about users is displayed like name,city,email etc
Now I want to display user's address when user click on name.
I want address to be displayed in a div at cursor position when user clicks.
With second click, that div should be off.
I will load the data of address with the help of .load() function of jquery.
How can I show div at cursor with the of jquery?