How to a clear an ejs-listbox

[Michael Lambert]

I have no issues with assigning a datasource to a listbox:

ie.

…..

            .done(function (result) {
                var lstSignedUp = document.getElementById('lstSignedUp').ej2_instances[0];
                lstSignedUp.dataSource = result;
                lstSignedUp.dataBind
            })

But how do I un-assign the datasource so the listbox displays no items?

I tried this, but nothing happens,

        let lstSignedUp = document.getElementById('lstSignedUp').ej2_instances[0];
        lstSignedUp.dataSource = null;
        lstSignedUp.dataBind

I've also tried:

        lstSignedUp.listData = null    //again the list box does not empty.

Thanks,

Mike

[Vinoth Kumar Sundara Moorthy]

Hi Mike, 

 

Good day to you. 

 

We have checked your provided code snippet and we suggest you use refresh method instead of dataBind to clear the ListBox as like in the below code example, 

 

Code Example 

function onCreate() { 

    var obj = document.getElementById('listbox').ej2_instances[0]; 

    obj.dataSource = null; 

    obj.refresh(); 

} 

 

For your convenience, we have prepared a sample and the same can be downloaded from below link, 

https://www.syncfusion.com/downloads/support/forum/146343/ze/EssentialJS2WebApplication17-380284569 

 

Could you please check the above sample and get back to us if you need any further assistance on this? 

 

Regards, 

Vinoth Kumar S 

[Michael Lambert]

Worked

Thanks!

[Vinoth Kumar Sundara Moorthy]

Hi Mike, 

  

You are most welcome. Please feel free to contact us if you need any further assistance on Syncfusion components. 

  

Regards, 

Vinoth Kumar S