We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Problem with ejGroupButton

Thread ID:

Created:

Updated:

Platform:

Replies:

124148 May 20,2016 10:34 AM UTC May 25,2016 04:27 AM UTC JavaScript 3
loading
Tags: ejButton
Morgan
Asked On May 20, 2016 10:34 AM UTC

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 [Syncfusion]
Replied On May 23, 2016 06:34 AM UTC

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.   
   
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.   
  
   
Please let us know if you have any further queries.   
   
Regards,    
Deepa L.   
  


Morgan
Replied On May 23, 2016 08:14 AM UTC

Thanks very much Deepa L.

That is working fine now

Deepa Loganathan [Syncfusion]
Replied On May 25, 2016 04:27 AM UTC

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.    
 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;