Add combo in 10_custom_recurring_form.html

Scheduler
#1

var holders = [
{ key: 1, label: ‘James’ },
{ key: 2, label: ‘Alex’ },
{ key: 3, label: ‘Antony’ },
{ key: 4, label: ‘Andrew’ }
];

	scheduler.config.lightbox.sections = [
		 {name:"selectme", options:holders, map_to:"holders", type:"combo", height:30, filtering:true},  
		{name:"description", height:130, map_to:"text", type:"textarea" , focus:true},
		{name:"recurring", type:"recurring", map_to:"rec_type", button:"recurring", form:"recurring_form"},
		{name:"time", height:72, type:"time", map_to:"auto"}
	];

The console tip like this

dhtmlxscheduler.js:6698 Uncaught TypeError: Cannot read property ‘nextSibling’ of null
at Object.scheduler._get_lightbox_section_node (dhtmlxscheduler.js:6698)
at Object.scheduler._fill_lightbox (dhtmlxscheduler.js:6686)
at Object.scheduler.showLightbox [as showLightbox_rec] (dhtmlxscheduler.js:6656)
at Object.scheduler.showLightbox (dhtmlxscheduler_recurring.js:777)
at Object.scheduler._on_mouse_up (dhtmlxscheduler.js:3337)
at Object.scheduler.addEventNow (dhtmlxscheduler.js:2793)
at init (10_custom_recurring_form.html:50)
at onload (10_custom_recurring_form.html:58)

#2

Hi,

Please check that you added codebase/ext/dhtmlxscheduler_editors.js to your app.

It that doesn’t help - run this sample locally
https://files.dhtmlx.com/30d/5fa0593bedb5b0a695653d9df6eb825c/10_custom_recurring_form_test.html

1 Like
#3

THANKS

import

<script src="../../codebase/dhtmlxscheduler.js?v=20181212" type="text/javascript" charset="utf-8"></script>
<script src="../../codebase/ext/dhtmlxscheduler_editors.js?v=20181212" type="text/javascript" charset="utf-8"></script>
<script src="../../codebase/ext/dhtmlxscheduler_recurring.js?v=20181212" type="text/javascript" charset="utf-8"></script>
<script src="../../../dhtmlxCombo_v51_std/codebase/dhtmlxcombo.js"></script>  

<link rel="stylesheet" href="../../codebase/dhtmlxscheduler_material.css?v=20181212" type="text/css"  title="no title" charset="utf-8">
<link rel="stylesheet"  href="../../../dhtmlxCombo_v51_std/codebase/dhtmlxcombo.css" type="text/css" charset="utf-8">
#4

im facing the same but in angular application with enterprise license… how can i resolve this issue? its not in our package. how can i import it? and how to use it

Screen Shot 2023-07-21 at 2.42.38 AM
Screen Shot 2023-07-21 at 2.42.38 AM1254×670 88.3 KB

#5

Hello,

From scheduler v6.0 you can add editors through the plugins method:
https://docs.dhtmlx.com/scheduler/api__scheduler_plugins.html

As follows:

scheduler.plugins({
    editors: true
});

Kind regards,