jsrender templates in ListBox?

[Randy Craven]

Hello,

Is it possible to use jsrender templates with ejListBox, similar to for example the templates used by ejTreeView? 

Thanks,

Randy Craven

[Selvamani Sankarappan]

Hi Randy,   

   

Thanks for using Syncfusion products.   

   

No, it is not possible to use JS render templates to the ListBox component because the ListBox component does not have the JS render template support. But, you can achieve the template support using our template property. Refer to the following code example:   

  

[script]   

  $('#selectExperts').ejListBox({   

            dataSource: empList, height: "240",   

            template: '<div><img class="eimg" src="http://js.syncfusion.com/demos/web/content/images/Employees/${eimg}.png" alt="employee"/>' +   

                     '<div class="ename"> ${text} </div><div class="desig"> ${desig} </div><div class="cont"> ${country} </div></div>'   

        });   

  

   

Please refer to the following sample: http://jsplayground.syncfusion.com/cwmwhkwp   

   

If this does not meet your requirement, then please get back to us with more details and we will be happy to help you.   

   

Regards,   

   

Selvamani S.   

 

[Randy Craven]

Hello Selvamani,

That was the information I needed.  Thank you.

Randy Craven

[Selvamani Sankarappan]

Hi Randy, 

 

Thanks for the update. 

 

Please let us know if you need any further assistance. 

 

Regards, 

 

Selvamani S. 

[Ahmed Sherien]

Is there a way to do for loops like jsrender?

[Arun Palaniyandi]

Hi Ahmed Sherien,   

  

Thanks for contacting Syncfusion Support.       

  

In ListBox control, the template property accepts only string values.   

  

Kindly refer to the following API documentation link: https://help.syncfusion.com/api/js/ejlistbox#members:template   

  

But to use jsrender script template in ListBox, you can use the targetID property and bind the script template rendered as <ul> <li> elements to the ListBox manually.    

  

https://help.syncfusion.com/api/js/ejlistbox#members:targetid   

  

Kindly refer to the following link for the playground sample: http://jsplayground.syncfusion.com/v3jet0ns   

    

Please let us know whether the provided information is helpful to achieve your requirement or not?  

               

Regards,    

Arun P.