Problem with ejGroupButton

[Morgan]

I am trying out the GroupButton feature using Angularjs.

I have an example at http://jsplayground.syncfusion.com/x1azqirp

I took the "Essential Studio for JavaScript : ListBox - Angular support" as my base jsplayground sample so that the angular references would be there.

I then added  Angularjs code:

                    <div id="groupButton"

                      ejGroupButton

                      e-datasource="groupData"

                      e-groupbuttonmode="radiobutton"

                      e-showroundedcorner="true"

                      e-width="100%"

                      e-height="10px">

                    </div>

but nothing displayed.

I than added a javascript version that used a datasource:

                    <div id="groupButtonDatasource">

                    </div>

I then added a simple javascript version:

                  <div class="control">

                        <table>

                            <tr>

                                <th colspan="2" style="padding-left: 30px">Select Appointment View </th>

                            </tr>

                            <tr>                                

                                <td class="btnsht">

                                    <div id="groupButton">

                                        <ul>

<li>

Day

</li>

<li>

Week

</li>

<li>

Month

</li>

</ul>

                                    </div>

                                </td>

                            </tr>                           

                        </table>

                    </div>

None of which will display correctly.

Am I missing something in my code?

Any advice appreciated.

Morgan

[Deepa Loganathan]

Hi Morgan,   

  

Sorry for the inconvenience.   

   

We’ve analyzed your sample in which the “ej.web.all.min” script file referred in the sample is in the older version (13.4.0.53).   

   

Since, we have given databinding support for Groupbutton widget only in our latest update (14.1.0.46), the sample should have a reference to the latest version of “ej.web.all.min”.    

   

You can find the CDN link for the latest Syncfusion widgets from the link provided below.   

http://help.syncfusion.com/js/cdn    

   

Also, please note that, the directives in anuglarjs should be used as dash-delimited attributes on DOM elements instead of camelCasing.   

  

For example:    

  

ej-groupbuttton – correct   

ejGroupButton  - incorrect   

  

For your convenience, we have prepared a Groupbutton sample with databinding support. Please check in the JSPlayground provided below.   

  

http://jsplayground.syncfusion.com/41xyku54    

   

Please let us know if you have any further queries.   

   

Regards,    

Deepa L.   

  

[Morgan]

Thanks very much Deepa L.

That is working fine now

[Deepa Loganathan]

Hi Morgan,  

 

Thanks for the update.  

 

We are glad to know that the issue has been resolved on your end.     

 

Please let us know if you need any further assistances.        

 

Regards,      

Deepa L.