Пользовательская кнопка в DhtmlxScheduler с React - PullRequest
Новая
       32

Пользовательская кнопка в DhtmlxScheduler с React

0 голосов
/ 04 августа 2020

Я хочу добавить настраиваемую кнопку в сам dhtmlx-scheduler, и я попытался сделать следующее: 

<div ref={ (input)=>{this.schedulerContainer=input}} style={{width:'100%', height:'100%' }}>
    <div>
        <button>New</button>
    </div>
</div>

Но я не могу просмотреть кнопку. В новой структуре я также попытался добавить кнопку как 

scheduler.config.header = [
'day',
'week',
'month',
'date',
'prev',
'today',
'next',
'new button'
];

кнопка отображается, но как мне добавить класс и обработчик событий к такой кнопке.

Используя старый код , Мне удалось добавить кнопку в заголовке рядом с «Сегодня», как показано ниже 

<div id="scheduler_here" classname="widget-box dhx_cal_container" style=
   {{height: '95vh', width: '100%'}}>
    <div classname="dhx_cal_navline">
        <div classname="dhx_cal_prev_button"> </div>
        <div classname="dhx_cal_next_button"> </div>
        <div classname="dhx_cal_today_button"></div>
        <div classname="dhx_cal_date"></div>
        <div classname="dhx_cal_tab" name="day_tab" style={{'width':'60px'}}> 
        </div>
        <div classname="dhx_cal_tab" name="week_tab" style{{'width':'60px'}}> 
        </div>
        <div classname="dhx_cal_tab" name="month_tab" styl{{'width':'60px'}}> 
        </div>

        <div classname="btn-wrapper">
            <button 
                   onclick="{this.buttonOpenDialogHandler}" 
                   classname="btn-createEvent"
            >
                New Event
            </button>
        </div>
    </div>
    <div classname="dhx_cal_header"></div>
    <div classname="dhx_cal_data"></div>
</div>

Foolowing - это демонстрационная ссылка компонента планировщика с React

https://dhtmlx.com/blog/use-dhtmlx-scheduler-component-react-js-library-demo/

Любые указатели будут очень полезны

...