You need to sign in to do that
Don't have an account?
ravinder singh 95
FullCalender in Lightning component
<aura:component controller="FullCalendarSchCntr" implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction">
<!-- LIBRARIES -->
<ltng:require styles="{!join(',',
$Resource.FullCal + '/fullCal/fullcalendar.min.css',
$Resource.FullCal + '/fullCal/main.css',
$Resource.FullCal + '/fullCal/scheduler.min.css')}"
scripts="{!join(',',
$Resource.FullCal + '/fullCal/moment.js',
$Resource.FullCal + '/fullCal/main.js',
$Resource.FullCal + '/fullCal/moment.js.map',
$Resource.FullCal + '/fullCal/jquery-2.2.4.min.js',
$Resource.FullCal + '/fullCal/fullcalendar.min.js',
$Resource.FullCal + '/fullCal/scheduler.min.js')}"
afterScriptsLoaded="{!c.jsLoaded}"/>
<!-- ATTRIBUTES -->
<aura:attribute type="Object[]" name="Resources"/>
<!--Calendor Events Start -->
<div class="EventSection" >
<span>
<ul >
<li><span class="event-Inquired"></span>Inquired</li>
<li><span class="event-Hold"></span>Hold</li>
<li><span class="event-Confirmed"></span>Confirmed</li>
<li><span class="event-Cancelled"></span>Cancelled</li>
</ul>
</span>
</div>
<!--Calendor Events End -->
<!-- Calendar Section Start -->
<div id="container" style="width: 90% !important;overflow:hidden;margin:10px;">
<div id="calendar"></div>
</div>
<!-- Calendar Section End -->
</aura:component>
Getting Below Error when open load component using App.I know it is locker servic issue but not able to resolve it.
Custom Script Eval error in 'ltng:require' [SecureDOMEvent: [object Event]{ key: {"namespace":"c"} }]
<!-- LIBRARIES -->
<ltng:require styles="{!join(',',
$Resource.FullCal + '/fullCal/fullcalendar.min.css',
$Resource.FullCal + '/fullCal/main.css',
$Resource.FullCal + '/fullCal/scheduler.min.css')}"
scripts="{!join(',',
$Resource.FullCal + '/fullCal/moment.js',
$Resource.FullCal + '/fullCal/main.js',
$Resource.FullCal + '/fullCal/moment.js.map',
$Resource.FullCal + '/fullCal/jquery-2.2.4.min.js',
$Resource.FullCal + '/fullCal/fullcalendar.min.js',
$Resource.FullCal + '/fullCal/scheduler.min.js')}"
afterScriptsLoaded="{!c.jsLoaded}"/>
<!-- ATTRIBUTES -->
<aura:attribute type="Object[]" name="Resources"/>
<!--Calendor Events Start -->
<div class="EventSection" >
<span>
<ul >
<li><span class="event-Inquired"></span>Inquired</li>
<li><span class="event-Hold"></span>Hold</li>
<li><span class="event-Confirmed"></span>Confirmed</li>
<li><span class="event-Cancelled"></span>Cancelled</li>
</ul>
</span>
</div>
<!--Calendor Events End -->
<!-- Calendar Section Start -->
<div id="container" style="width: 90% !important;overflow:hidden;margin:10px;">
<div id="calendar"></div>
</div>
<!-- Calendar Section End -->
</aura:component>
Getting Below Error when open load component using App.I know it is locker servic issue but not able to resolve it.
Custom Script Eval error in 'ltng:require' [SecureDOMEvent: [object Event]{ key: {"namespace":"c"} }]
As a reference, here are some best practices around for creating custom js libraries with locker service compatibility. Sharing JavaScript Code Across Components
https://salesforce.stackexchange.com/questions/236041/custom-script-eval-error-when-developing-a-lightning-component-in-an-organizatio
I know it is a locker service issue but I don't know how to check my fulllcalendar lib against locker console.
Can you please help me on this.
Thanks