How to get id of event, fullcalender

Question

1.00/5 (1 vote)

See more:

I have a popup where you can add an event, so if you click on a event you see the details of the event.And I have a delete button , like this

I have this:

C#

eventClick: function (calEvent, jsEvent, view) {
                   alert(calEvent.id)

Then I can see the id. But I also have a delete function, like this:

C#

$('#btnPopupDelete').click(function (e, calEvent) {

           var id = calEvent.id;
           alert(id);

           DeleteEvent(id)
           //$('#popupEventForm').hide();
       });

but then id is undefined. but this is working: var id = 32

I solved like this:

C#

eventClick: function (calEvent, jsEvent, view) {



                   $('#btnPopupDelete').click(function () {


                       var id = calEvent.id;
                       alert(id);

                       DeleteEvent(id)
                       $('#popupEventForm').hide();


                   });

only it has to be refreshed, otherwise after delete the event is still staying, but f5 and the event is gone

Thank you

Posted 29-Jan-15 3:31am

Member 10225052

Updated 29-Jan-15 4:45am

v5

Add a Solution

Comments

ZurdoDev 29-Jan-15 9:35am

calEvent is not something built-in to JS which means it isn't available on a button being clicked.

[no name] 29-Jan-15 9:37am

Oke, but how to reach the id then? Because if I do, like this: var id = 22; it works. but this is ofcourse hardcoded. how to call the id of the calEvent?

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Afzaal Ahmad Zeeshan · Answer 1 · 2015-01-29T04:10:00

As RyanDev has already mentioned calEvent is not a built-in function, and that is why you just cannot call the id member, because it is undefined.

What you might try to do is, to check for which event was clicked. You can make a good use of the this keyword in jQuery to run the code over the object that raised the event. Think of your code like this,

JavaScript

$('#btnPopupDelete').click(function () {
   // Get the id attribute; you can use other attributes too
   var id = $(this).attr('id');
   // alert(id);
 
   DeleteEvent(id);
   //$('#popupEventForm').hide();
});

Now, suppose if the ID of your button was the ID of the event to be deleted, then this code would pass the value of the ID attribute of the button and the event would be deleted.

Member 10225052 · Answer 2 · 2015-01-29T04:53:00

eventClick: function (calEvent, jsEvent, view) {

$('#btnPopupDelete').click(function () {

var id = calEvent.id;
alert(id);

DeleteEvent(id)
$('#popupEventForm').hide();

});

How to get id of event, fullcalender

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0