onPopupOpen(args: PopupOpenEventArgs): void {
// Verifique se o popup é para edição de evento
if (args.type === 'Editor') {
if (!args.element.querySelector('.custom-field-row')) {
let row: HTMLElement = createElement('div', {
className: 'custom-field-row',
});
let formElement = <HTMLElement>(
args.element.querySelector('.e-schedule-form')
);
formElement.firstChild?.insertBefore(
row,
args.element.querySelector('.e-title-location-row')
);
let container: HTMLElement = createElement('div', {
className: 'custom-field-container mb-3',
});
let inputEle: HTMLInputElement = createElement('input', {
className: 'e-field',
attrs: { name: 'Agendamento' },
}) as HTMLInputElement;
container.appendChild(inputEle);
row.appendChild(container);
let drowDownList: DropDownList = new DropDownList({
allowFiltering: true,
dataSource: this.resourceDataSource
,
fields: { text: 'text', value: 'value' },
value: (args.data as { [key: string]: Object; })['EventType'] as string,
floatLabelType: 'Always',
placeholder: 'Tipo Agendamento',
cssClass: 'class-custom-dropdown', // Adicione uma classe CSS personalizada
});
drowDownList.appendTo(inputEle);
inputEle.setAttribute('name', 'EventType');
inputEle.setAttribute('id', 'custom-dropdown');
}
