I am using mobiscroll for event calendards and I am trying to include a button (PDF) in render resources, but it doesn’t seem to be working. If I put that button anywhere else, its clickable, but not from render resource function. Here is my code. resource.showPDF is a button here
HTML:
<cfloop query="qScheduleEventUsers">
<cfset stTimelineResource = StructNew()>
<cfset stTimelineResource["id"] = qScheduleEventUsers.UserID>
<cfset stTimelineResource["name"] = qScheduleEventUsers.FirstName & ' ' & qScheduleEventUsers.LastName>
<cfset stTimelineResource["title"] = qScheduleEventUsers.CompanyName>
<cfset stTimelineResource["sqft"] = 0>
<cfset stTimelineResource["showPDF"] = '<a class="btn primary" id="PrintByDay#Request.Attributes.ScheduleEventID#"> PDF</a>'>
<cfset ArrayAppend(arTimelineResources, stTimelineResource)>
<cfif Len(qScheduleEventUsers.ResourceID)>
<cfset stResourceUserLookup[qScheduleEventUsers.ResourceID] = stTimelineResource>
</cfif>
</cfloop>
Jquery:
<script>
$(document).ready(function()
{
$('#PrintByDay<cfoutput>#Request.Attributes.ScheduleEventID#</cfoutput>').click(function()
{
var Shop_LocationID = <cfoutput>#Request.Attributes.Shop_LocationID#</cfoutput>;
var ScheduleEventID = <cfoutput>#Request.Attributes.ScheduleEventID#</cfoutput>;
var EventDate = <cfoutput>'#DateFormat(Request.Attributes.EventDate, 'mm/dd/yyyy')#'</cfoutput>;
var UserID = 895704;
PrintPaperwork(Shop_LocationID, ScheduleEventID, EventDate, UserID);
});
renderResource: function (resource)
{
return '<div class="md-work-week-cont">' +
'<div class="md-work-week-name">' + resource.name + resource.showPDF + '</div>' +
'<div class="md-work-week-title">' + resource.title + '</div>' +
'<div class="md-work-week-title" id="ResSqFt_<cfoutput>#Request.Attributes.ScheduleEventID#</cfoutput>_' + resource.id + '">' + resource.sqft + ' sqft</div>' +
'</div>'
}
});
</script>
<a class="btn primary" id="PrintByDay2"> PDF</a>
this is how the button looks like and it should call PrintByDay
function as shown in javascript