Mobile Device

i have two Problems when i use  the schedule on a mobile Dvice as an APP:


1) the + Button - how can i get it away? because i habe a spezial view where the user is just allowed to edit the existing events - but is not allowed to create new events


2) when i test it in Chrome as Mobile Device i get a lot of errors - which i don´t have when i am "normal Browser"

header-renderer.js?921e:39 Uncaught TypeError: Cannot read property 'ej2_instances' of null

    at HeaderRenderer.closeHeaderPopup (header-renderer.js?921e:39)

    at Observer.notify (observer.js?811a:99)

    at Schedule.Component.notify (component.js?c155:249)

    at Schedule.onDocumentClick (schedule.js?1dd3:883)

HeaderRenderer.closeHeaderPopup @ header-renderer.js?921e:39

Observer.notify @ observer.js?811a:99

Component.notify @ component.js?c155:249

Schedule.onDocumentClick @ schedule.js?1dd3:883

log.ts?dd37:30 {group: {…}} [Array(0)]

log.ts?dd37:30 schedule start... [Array(0)]

log.ts?dd37:30 reloadData() [Array(0)]

log.ts?dd37:30 Employee Data fertig [Array(0)]

log.ts?dd37:30 reloadData() [Array(0)]

log.ts?dd37:30 schedule action: undefined [Array(1)]

log.ts?dd37:30 schedule action completed: undefined [Array(1)]

log.ts?dd37:46 [Vue warn]: Error in render: "TypeError: Cannot read property 'component' of undefined"


found in


---> <VIcon>

       <Root> [Array(0)]

error @ log.ts?dd37:46

Init.console.error @ log.ts?dd37:25

warn @ vue.esm.js?a026:628

logError @ vue.esm.js?a026:1902

globalHandleError @ vue.esm.js?a026:1897

handleError @ vue.esm.js?a026:1857

Vue._render @ vue.esm.js?a026:3580

updateComponent @ vue.esm.js?a026:4090

get @ vue.esm.js?a026:4504

Watcher @ vue.esm.js?a026:4493

mountComponent @ vue.esm.js?a026:4097

Vue.$mount @ vue.esm.js?a026:9107

Vue.$mount @ vue.esm.js?a026:12023

init @ vue.esm.js?a026:3146

createComponent @ vue.esm.js?a026:6033

createElm @ vue.esm.js?a026:5980

createChildren @ vue.esm.js?a026:6108

createElm @ vue.esm.js?a026:6009

createChildren @ vue.esm.js?a026:6108

createElm @ vue.esm.js?a026:6009

patch @ vue.esm.js?a026:6571

Vue._update @ vue.esm.js?a026:3969

updateComponent @ vue.esm.js?a026:4090

get @ vue.esm.js?a026:4504

Watcher @ vue.esm.js?a026:4493

mountComponent @ vue.esm.js?a026:4097

Vue.$mount @ vue.esm.js?a026:9107

Vue.$mount @ vue.esm.js?a026:12023

eval @ template.js?ce56:32

eval @ template-engine.js?d9ef:24

TreeView.renderNodeTemplate @ treeview.js?181d:2661

TreeView.beforeNodeCreate @ treeview.js?181d:761

itemCreated @ treeview.js?181d:270

createListItemFromJson @ list-base.js?8d6a:288

createListFromJson @ list-base.js?8d6a:305

createList @ list-base.js?8d6a:97

TreeView.renderItems @ treeview.js?181d:505

TreeView.setDataBinding @ treeview.js?181d:447

TreeView.render @ treeview.js?181d:313

Component.appendTo @ component.js?c155:174

ResourceBase.renderResourceTree @ resource.js?fac2:328

ViewBase.renderResourceMobileLayout @ view-base.js?cee7:434

Month.renderLayout @ month.js?888e:245

Render.initializeLayout @ renderer.js?0798:99

Render.render @ renderer.js?0798:18

Schedule.initializeView @ schedule.js?1dd3:394

Schedule.renderElements @ schedule.js?1dd3:212

ResourceBase.refreshLayout @ resource.js?fac2:535

ResourceBase.dataManagerSuccess @ resource.js?fac2:510

eval @ resource.js?fac2:497

Promise.then (async)

ResourceBase.bindResourcesData @ resource.js?fac2:497

Schedule.initializeResources @ schedule.js?1dd3:189

Schedule.render @ schedule.js?1dd3:121

Component.appendTo @ component.js?c155:174

ComponentBase.mounted @ component-base.js?5981:44

invokeWithErrorHandling @ vue.esm.js?a026:1872

callHook @ vue.esm.js?a026:4244

insert @ vue.esm.js?a026:3167

invokeInsertHook @ vue.esm.js?a026:6401

patch @ vue.esm.js?a026:6620

Vue._update @ vue.esm.js?a026:3972

updateComponent @ vue.esm.js?a026:4090

get @ vue.esm.js?a026:4504

run @ vue.esm.js?a026:4579

flushSchedulerQueue @ vue.esm.js?a026:4335

eval @ vue.esm.js?a026:1998

flushCallbacks @ vue.esm.js?a026:1924

Promise.then (async)

timerFunc @ vue.esm.js?a026:1951

nextTick @ vue.esm.js?a026:2008

Vue.$nextTick @ vue.esm.js?a026:3551

fillUpEvents @ baseSyncSchedule.vue?1698:1200

eval @ baseSyncSchedule.vue?1698:1193

eval @ vue.esm.js?a026:1998

flushCallbacks @ vue.esm.js?a026:1924

Promise.then (async)

timerFunc @ vue.esm.js?a026:1951

nextTick @ vue.esm.js?a026:2008

Vue.$nextTick @ vue.esm.js?a026:3551

dataLoaded @ baseSyncSchedule.vue?1698:1193

eval @ baseSyncSchedule.vue?1698:1013

eval @ api.ts?7f5d:434

Promise.then (async)

getQuery @ api.ts?7f5d:424

reloadData @ baseSyncSchedule.vue?1698:1009

fillUpResource @ baseSyncSchedule.vue?1698:1173

eval @ baseSyncSchedule.vue?1698:971

eval @ api.ts?7f5d:434

Promise.then (async)

getQuery @ api.ts?7f5d:424

loadResources @ baseSyncSchedule.vue?1698:969

mounted @ baseSyncSchedule.vue?1698:486

invokeWithErrorHandling @ vue.esm.js?a026:1872

callHook @ vue.esm.js?a026:4244

insert @ vue.esm.js?a026:3167

invokeInsertHook @ vue.esm.js?a026:6401

patch @ vue.esm.js?a026:6620

Vue._update @ vue.esm.js?a026:3972

updateComponent @ vue.esm.js?a026:4090

get @ vue.esm.js?a026:4504

run @ vue.esm.js?a026:4579

flushSchedulerQueue @ vue.esm.js?a026:4335

eval @ vue.esm.js?a026:1998

flushCallbacks @ vue.esm.js?a026:1924

Promise.then (async)

timerFunc @ vue.esm.js?a026:1951

nextTick @ vue.esm.js?a026:2008

queueWatcher @ vue.esm.js?a026:4427

update @ vue.esm.js?a026:4569

notify @ vue.esm.js?a026:739

reactiveSetter @ vue.esm.js?a026:1064

proxySetter @ vue.esm.js?a026:4653

eval @ AbwesenheitenMitarbeiter.vue?df26:345

eval @ vue.esm.js?a026:1998

flushCallbacks @ vue.esm.js?a026:1924

Promise.then (async)

timerFunc @ vue.esm.js?a026:1951

nextTick @ vue.esm.js?a026:2008

Vue.$nextTick @ vue.esm.js?a026:3551

changeView @ AbwesenheitenMitarbeiter.vue?df26:344

created @ AbwesenheitenMitarbeiter.vue?df26:234

invokeWithErrorHandling @ vue.esm.js?a026:1872

callHook @ vue.esm.js?a026:4244

Vue._init @ vue.esm.js?a026:5031

AbwesenheitenVG @ vue.esm.js?a026:5177

createComponentInstanceForVnode @ vue.esm.js?a026:3313

init @ vue.esm.js?a026:3142

createComponent @ vue.esm.js?a026:6033

createElm @ vue.esm.js?a026:5980

createChildren @ vue.esm.js?a026:6108

createElm @ vue.esm.js?a026:6009

updateChildren @ vue.esm.js?a026:6271

patchVnode @ vue.esm.js?a026:6374

updateChildren @ vue.esm.js?a026:6248

patchVnode @ vue.esm.js?a026:6374

updateChildren @ vue.esm.js?a026:6248

patchVnode @ vue.esm.js?a026:6374

patch @ vue.esm.js?a026:6537

Vue._update @ vue.esm.js?a026:3972

updateComponent @ vue.esm.js?a026:4090

get @ vue.esm.js?a026:4504

run @ vue.esm.js?a026:4579

flushSchedulerQueue @ vue.esm.js?a026:4335

eval @ vue.esm.js?a026:1998

flushCallbacks @ vue.esm.js?a026:1924

Promise.then (async)

timerFunc @ vue.esm.js?a026:1951

nextTick @ vue.esm.js?a026:2008

queueWatcher @ vue.esm.js?a026:4427

update @ vue.esm.js?a026:4569

notify @ vue.esm.js?a026:739

reactiveSetter @ vue.esm.js?a026:1064

proxySetter @ vue.esm.js?a026:4653

eval @ App.vue?ec60:1052

eval @ vue.esm.js?a026:1998

flushCallbacks @ vue.esm.js?a026:1924

Promise.then (async)

timerFunc @ vue.esm.js?a026:1951

nextTick @ vue.esm.js?a026:2008

queueWatcher @ vue.esm.js?a026:4427

update @ vue.esm.js?a026:4569

notify @ vue.esm.js?a026:739

reactiveSetter @ vue.esm.js?a026:1064

proxySetter @ vue.esm.js?a026:4653

refreshFullPageContent @ App.vue?ec60:1050

invokeWithErrorHandling @ vue.esm.js?a026:1872

invoker @ vue.esm.js?a026:2197

invokeWithErrorHandling @ vue.esm.js?a026:1872

Vue.$emit @ vue.esm.js?a026:3912

Vue.<computed> @ backend.js:1793

click @ vuetify.js?ce5b:2581

invokeWithErrorHandling @ vue.esm.js?a026:1872

invoker @ vue.esm.js?a026:2197

original._wrapper @ vue.esm.js?a026:7609

Show 20 more frames

log.ts?dd37:46 TypeError: Cannot read property 'component' of undefined

    at remapInternalIcon (vuetify.js?ce5b:44713)

    at VueComponent.getIcon (vuetify.js?ce5b:17096)

    at Proxy.render (vuetify.js?ce5b:17224)

    at VueComponent.Vue._render (vue.esm.js?a026:3578)

    at VueComponent.updateComponent (vue.esm.js?a026:4090)

    at Watcher.get (vue.esm.js?a026:4504)

    at new Watcher (vue.esm.js?a026:4493)

    at mountComponent (vue.esm.js?a026:4097)

    at VueComponent.Vue.$mount (vue.esm.js?a026:9107)

    at VueComponent.Vue.$mount (vue.esm.js?a026:12023) [Array(0)]


Attachment: Bildschirmfoto_20210721_um_08.35.43_c007195e.zip

1 Reply

NR Nevitha Ravi Syncfusion Team July 22, 2021 08:44 AM UTC

Hi Isabelle, 

Greetings from Syncfusion Support. 

Q1: You can prevent the event creation and + button by setting false to allowAdding. Please try the following sample for the same. 

Note: The issue is resolved in 19.1.69,so please make sure you are using latest versions. 

Q2: Also we have rendered the scheduler in chrome browser in mobile mode without facing any script errors. You can refer the same in the above sample. 

 


Please share whether you have done any customization at your end, issue replicating sample or code snippet if possible to validate the issue and provide prompt solution. 

Regards, 
Nevitha  


Loader.
Up arrow icon