Can we have views options in dropdown.

[Sudhanshu Jain]

let's take example we have different views in scheduler like Day,Week,Month Views.So can we this Day,Week,Month options in Dropdown??

[Hareesh Balasubramanian]

Hi Sudhanshu, 

Greetings from Syncfusion Support. 

Based on the requirement we have prepared a sample using actionBegin and actionComplete events and the same can be viewed from the below link, 

https://stackblitz.com/edit/react-eb2oys-ea3qzt?file=index.js 

  onActionBegin(args) { 

    if (args.requestType === "toolbarItemRendering") { 

      let userIconItem = { template: '<input type="text" tabindex="1" id="dropdown" />', type: 'Input' } 

      args.items.push(userIconItem); 

    } 

  } 

  onActionComplete(args) { 

    let dropdowns = this.scheduleObj.element.querySelector('#dropdown'); 

    if (args.requestType === 'toolBarItemRendered') { 

      let dropdown = new DropDownList({ 

        popupHeight: '200px', 

        value: 'Week', 

        change: function (event) { 

          var view = document.querySelector(".e-schedule").ej2_instances[0]; 

          view.currentView = event.value; 

        }, 

        fields: { text: 'text', value: 'value' }, 

        dataSource: [ 

          { text: 'Day', value: 'Day' }, 

          { text: 'Week', value: 'Week' }, 

          { text: 'WorkWeek', value: 'WorkWeek' }, 

          { text: 'Month', value: 'Month' } 

        ] 

      }); 

      dropdown.appendTo(dropdowns); 

    } 

  } 

Kindly check the above sample and revert us if you have any further assistance. 

 

Regards,  

Hareesh 

[Sudhanshu Jain]

Above Solution is not working .Can you suggest another .

[Vinitha Devi Murugan]

Hi Sudhanshu, 

 

We have checked the previously updated sample, but the dropdown view change working fine at our end. We have prepared a video demo for your reference with the below sample which can be downloaded from the following location. 

 

Video Demo: https://www.syncfusion.com/downloads/support/forum/148679/ze/VideoDemo2101766876  

Sample:  https://stackblitz.com/edit/react-eb2oys-nf4xma?file=index.js 

 

 

 

Kindly try with the above sample and let us know, if you need any further assistance on this. 

 

Regards, 

M.Vinitha devi 

[Sudhanshu Jain]

Can we have Calendar selection component of scheduler in custom component .

Can we have different views in scheduler like Day,Week,Month Views in dropdown, and this dropdown will be sit in custom component .By this custom component we can perform same action which was available on scheduler .Please find requirement screen shot below .

[Hareesh Balasubramanian]

Hi Sudhanshu, 

Thanks for being patience. 

Based on your requirement, we have prepared a sample using CustomClassComponent and the same can be viewed from the following link, 

https://stackblitz.com/edit/react-eb2oys-75rzio?file=index.js 

Kindly try the above sample, if you have any concerns please revert us back for further assistance. 

Regards, 

Hareesh 

[Amatressa]

Thanks

That is great .

.

Showbox jiofi.local.html  tplinklogin

[Vengatesh Maniraj]

Thanks

That is great .

.

Showbox jiofi.local.html  tplinklogin

Hi Amatressa,

 

Thanks for the update.

 

You are most welcome.

 

Regards,

Vengatesh