Grey out some cells

[Cornel Amarandei]

Hi,

Please refer to the attached picture. Is it possible to grey out the marked section? This means to have a "room id"(in that example is AMARANDEI Cornel) and a starting date (in that example is 18th of May 2017).

Thanks,

Cornel.

Attachment: GreyOut_f0cddccf.zip

[Karthigeyan Krishnamurthi]

Hi Cornel,   

 

Thank you for contacting Syncfusion support.       

     

We can format the cell using cell template option, kindly visit the below links to know more about the feature. We have prepared the sample to customize the particular resource cell color which can be viewed from the below link.     

Cell Template:  https://mvc.syncfusion.com/demos/web/schedule/celltemplate     

Sample: https://jsplayground.syncfusion.com/qrpnrbk1  

     

Kindly refer the below code example used in the sample.   

    

<Code> 

workCellsTemplateId: "#workTemplate" 

 

<script id="workTemplate" type="text/x-jsrender"> 

        {{if  resource.classname == 'e-parentnode' && view == 'month' && resource.text == "ROOM2" && (date.getDate() == 5 ||date.getDate() == 6||date.getDate() == 7||date.getDate() == 8||date.getDate() == 9)}} 

        <div style='background-color:#c8c8c8;height:100%'></div> 

        {{/if}} 

        {{if view == 'month' && resource.groupId == 2 && (date.getDate() == 5 ||date.getDate() == 6||date.getDate() == 7||date.getDate() == 8||date.getDate() == 9)}} 

        <div style='background-color:#c8c8c8;height:100%'></div> 

        {{/if}} 

    </script> 

</Code> 

 

Regards, 

Karthigeyan 

[Cornel Amarandei]

Hi Karthigeyan,

Thanks for your information. It worked.

But can you please help me to take the information about the roomIds and the dates from the server? I need to make an ajax call but I don't know where to do this.

Regards,

Cornel.

[Karthigeyan Krishnamurthi]

Hi Cornel,   

   

Thanks for your update.   

   

By default, resource and date information can be retrieved in work cell template section and therefore it is not necessary to use Ajax call to retrieve those information’s from server. Please visit the below sample link where resource and date information’s are retrieved in work cell template section.   

https://mvc.syncfusion.com/demos/web/schedule/celltemplate   

  

Kindly share more information regarding the usage of the Ajax call to serve you better.   

  

Regards,   

Karthigeyan  

[Cornel Amarandei]

Hi Karthigeyan,

Thanks for your information.

In the sample link the information regarding the resources and dates are hardcoded (for example resource.text == 'Party Hall-A' && date.getDay() == 5). I have to take these information from the server, this is why I need to use an Ajax call.

Regards,

Cornel. 

[Karthigeyan Krishnamurthi]

Hi Cornel,    

 

Thanks for your update. 

 

We regret to inform you know that it not possible to use ajax post with in the template section. 

 

Regards, 

Karthigeyan 

[Cornel Amarandei]

Hi Karthigeyan,

Thanks for your information.

Regards,

Cornel.

[Karthigeyan Krishnamurthi]

Hi Cornel,     

  

Thanks for your update.  

  

Please let us know if you need further assistance. 

  

Regards,  

Karthigeyan