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.

Ejautocomplete with EjListbox

Thread ID:

Created:

Updated:

Platform:

Replies:

127461 Nov 16,2016 03:26 PM Nov 21,2016 07:21 AM JavaScript 6
loading
Tags: ejDropDownList
Breno Rodrigues de Moura
Asked On November 16, 2016 03:26 PM

I want know if it is possible merge functions from ejautocomplete like multiselect, grouping by, search and functions from ejListbox, like showcheckbox and select all itens above one subcategory that are grouped.

Attachment: autocompletePlusListbox_d6ac0019.zip

Selvamani Sankarappan [Syncfusion]
Replied On November 17, 2016 05:46 AM

Hi Breno,  
Thanks for contacting Syncfusion support.  
We have checked your provided screen shot. We suggest you to use DropDownList control to achieve your requirement. By using the DropDownList control, you can select single or multiple items from the popup list. Also, we have provided more features such as search, grouping, sorting, adding checkbox to the list items in the DropDownList control.  
Please find the getting started and overview of DropDownList component in the following link:  
We have prepared the sample based on your requirement and it is available under the following link:  
In the above sample, we have achieved the grouping by using the “allowGrouping” property and searching has been achieved by the “enableFilterSearch” property. Please find the documentation link for the same:  
Also, we have added the check box to the DropDownList items as shown in the below documentation link:  
To know more details about properties, methods and events of DropDownList Component, please go through the following API link:  
 
Regards, 
Selvamani S. 


Breno Rodrigues de Moura
Replied On November 17, 2016 06:16 AM

Hi Selvamani S.,
Thanks for your quickly reply, help me a lot, just more one thing, how can i select all itens from one category like select all itens belonging group 1, it is possible? Thanks a lot again!

Kasithangam C [Syncfusion]
Replied On November 18, 2016 01:50 AM

Hi Breno, 
Thanks for you update. 
We don’t have support to checkbox for grouping headers inbuilt but we can achieve your requirement (“select all item’s from one category like select all item’s belonging group 1”) through workaround solution. Please find the sample under the following link: 
In this above sample, we have appended checkbox to the category element(Group 1,Group2,Group 3) in the create of DropDownList as shown below code: 
<code> 
function create(args){ 
              obj=$("#dropdown").ejDropDownList("instance"); 
              CategoryLen=obj.ultag.find(".e-category"); 
               
                for(var i=0;i<CategoryLen.length;i++) 
                {  
                 var checkEle='<input type="checkbox" id="'+$(CategoryLen[i]).text()+'" class="e-check-input-category">'; 
                  $(CategoryLen[i]).append(checkEle); 
                } 
                $(".e-check-input-category").ejCheckBox({ change:"OnChange" }); 
              } 
</code> 
Regards, 
Kasithangam 


Breno Rodrigues de Moura
Replied On November 18, 2016 06:20 AM

Hi Kasithangam C.,

Thanks a lot for quickly reply, you are awesome , that help me a lot, thanks again!

Breno Rodrigues de Moura
Replied On November 18, 2016 08:17 AM

Sorry for importuning, but I was testing and the checkbox of grouping header dissapear when I do some search, I have to implement some event? And I like to know if it is possible, make search by the grouping header and collapsing it by grouping header, thanks a lot again!

Kasithangam C [Syncfusion]
Replied On November 21, 2016 07:21 AM

Hi Breno, 
Sorry for the inconvenience caused. 
We have tried to achieve your reuirement as a workaround solution but we couldn’t achieve your below requirements completely through the workaround. 
1.The checkbox of grouping header disappear when we search an item. 
2. Make search by the grouping header and collapsing it by grouping header
We have logged your requirement as a feature request in our database. The feature implementation would also greatly depend on the factors such as product design, code compatibility and complexity. We will update you when this feature has been implemented. 
Please let us know if you have further concern. 
Regards, 
Kasithangam 


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.

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.

;