Remove all in dual listbox

[Cleber]

A problem occurs when I use the dual listbox. When I click the button to remove all (list B to list A) the items are not removed. I've tried with several options and it only works when I click on select all and then click to move the items. Attached video. My regards.
Attachment: VID20201104WA0015_1f54558e.rar

[Mohan Kumar Ramasamy]

Hi Cleber, 

 

We have checked your reported query. We are unable to reproduce the reported issue in our end. Please refer below code snippets. 

 

<div class="control-section"> 

    <div class="dual-list-wrapper"> 

        <div class="dual-list-groupa"> 

            <h4>Group A</h4> 

            <ejs-listbox id="listbox1" scope="#listbox2" dataSource="ViewBag.groupA" height="330px"> 

                <e-listbox-fields groupBy="Category"  text="Name"></e-listbox-fields> 

                <e-listbox-toolbarSettings items="ViewBag.items"> 

                </e-listbox-toolbarSettings> 

                <e-listbox-selectionsettings showCheckbox="true"></e-listbox-selectionsettings> 

            </ejs-listbox> 

        </div> 

        <div class="dual-list-groupb"> 

            <h4>Group B</h4> 

            <ejs-listbox id="listbox2" dataSource="ViewBag.groupB" height="330px"> 

                <e-listbox-fields groupBy="Category"  text="Name"></e-listbox-fields> 

                <e-listbox-selectionsettings showCheckbox="true" showSelectAll="true"></e-listbox-selectionsettings> 

            </ejs-listbox> 

        </div> 

    </div> 

</div> 

 

public IActionResult Index() 

        { 

            string[] items = new string[] { "moveUp", "moveDown", "moveTo", "moveFrom", "moveAllTo", "moveAllFrom" }; 

            ViewBag.items = items; 

 

            List<object> groupA = new List<object>(); 

            groupA.Add(new { Name = "Australia", Category= "GroupA", Code = "AU" }); 

            groupA.Add(new { Name = "Bermuda", Category = "GroupA", Code = "BM" }); 

            groupA.Add(new { Name = "Canada", Category = "GroupA", Code = "CA" }); 

            groupA.Add(new { Name = "Cameroon", Category = "GroupA", Code = "CM" }); 

            groupA.Add(new { Name = "Denmark", Category = "GroupA", Code = "DK" }); 

            groupA.Add(new { Name = "France", Category = "GroupA", Code = "FR" }); 

            groupA.Add(new { Name = "Finland", Category = "GroupA", Code = "FI" }); 

            groupA.Add(new { Name = "Germany", Category = "GroupA", Code = "DE" }); 

            groupA.Add(new { Name = "Hong Kong", Category = "GroupA", Code = "HK" }); 

            ViewBag.groupA = groupA.ToArray(); 

} 

 

For your reference we have prepared a sample based on this, please refer below sample link.  

  

Sample Link:   https://www.syncfusion.com/downloads/support/forum/159418/ze/DualListBoxCheckbox42345396  

 

If you are still facing the issue, kindly share the below details. 

 

• If possible, try to reproduce the reported issue in provided sample or share the issue reproducible sample

Please provide the above requested information, based on that we will check and provide you a better solution quickly. 

 

Regards, 

Mohan kumar R