How to handle click events when adding multiple schedular to same page

[rahulahireParticipant]

hello,
I am trying to add multiple scheduler’s on same page under different tabs. The design for building multiple tabs is dynamically generated using JavaScript and is binded to the page in page load function. All the scheduler have different id but same class. I have customized the working of appointmentDoubleClick , cellDoubleClick and appointmentChange events as per my need, but the events are not getting triggered when i double click the appointment or try to change the appointment. I am unable to figure out the reason for this. I am using the following code –
HTML –

<div class="tab-pane" id="Loc2"><div id="scheduler2" class="schedular"></div></div>
<div class="tab-pane" id="Loc3"><div id="scheduler3" class="schedular"></div></div>

javascript –

$('.schedular').on('appointmentDoubleClick', function (event) {
        var args = event.args;
        var appointment = args.appointment;
        $('#schedular').jqxScheduler('closeDialog');
});
$('.schedular').on('appointmentChange', function (event) {
        var args = event.args;
        var appointment = args.appointment;
        var objAppmtChnge = {
            'id': args.appointment.originalData.id,
            'SDate': appointment.from.toString(),
            'EDate': appointment.to.toString()
        }
        if (isBooked) {
            $('#spNewStAppDate').html(appointment.from.toString());
            $('#spNewEdAppDate').html(appointment.to.toString());
            $('#MdlReschedule').modal('show');
        } else {
            $('#MdlAlert').modal('show');
        }
    });

[HristoParticipant]

Hello rahulahire,

I would like to say if you use jqxTabs it is recommended to use the ‘initTabContent’ callback when you create internal widgets there.
Also, it looks like you know their IDs, why you do not bind to them separately for each one.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts