do not showing data in autoComplete

[ebi torabi]

 <EjsAutoComplete ID="CommerceDrugIderer" @ref="CommerceDrugAutoCompelet" @bind-Value="@SelectedDrug" ShowClearButton="true" SortOrder="Syncfusion.EJ2.Blazor.Lists.SortOrder.Ascending" TValue="string" Placeholder="حداقل سه حرف از نام دارو را وارد کنید" FloatLabelType="FloatLabelType.Auto" DataSource="@CommerceDrugsNameList"  EnableRtl="true">

                   <AutoCompleteEvents TValue="string" ValueChange="OnDrugSelect" Filtering="@CommerceDrugsNameFilter"></AutoCompleteEvents>

                    <AutoCompleteFieldSettings Value="Name"  ></AutoCompleteFieldSettings>

                </EjsAutoComplete>

 public async Task CommerceDrugsNameFilter(Syncfusion.EJ2.Blazor.DropDowns.FilteringEventArgs args)

    {

        

        if (args.Text.Length > 2)

        {

            CommerceDrugsNameList = await http.GetJsonAsync<List<NameId>> ($"api/CommerceDrugsName/GetNameIdByNameFiltering/{args.Text}");

            //CommerceDrugAutoCompelet.DataSource = CommerceDrugsNameList;

            //CommerceDrugAutoCompelet.DataBind();

            CommerceDrugAutoCompelet.Filter(CommerceDrugsNameList);

            u = CommerceDrugsNameList.Count().ToString();

        }

        else if (args.Text.Length == 0)

        {

            args.Cancel = true;

            CommerceDrugsNameList.Clear();

            CommerceDrugsNameList = null;

            //CommerceDrugAutoCompelet.Filter(CommerceDrugsNameList);

            //CommerceDrugAutoCompelet.Clear();

        }

        StateHasChanged();

    }

[Saranya Dhayalan]

Hi Ebi, 

 

Thank you for contacting Syncfusion support 

 

We have checked your reported issue. Please set args. PreventDefaultAction is true in filtering event. Please remove the Datasource from the component. Please find the following code snippet: 

@using Syncfusion.EJ2.Blazor.DropDowns; 

@using BlazorApp1.Data; 

@inject WeatherForecastService ForecastService 

 

<EjsAutoComplete ID="CommerceDrugIderer" @ref="CommerceDrugAutoCompelet" @bind-Value="@SelectedDrug" ShowClearButton="true" SortOrder="Syncfusion.EJ2.Blazor.Lists.SortOrder.Ascending" TValue="string" Placeholder="حداقل سه حرف از نام دارو را وارد کنید" EnableRtl="true"> 

    <AutoCompleteEvents TValue="string" ValueChange="OnDrugSelect" Filtering="@CommerceDrugsNameFilter"></AutoCompleteEvents> 

    <AutoCompleteFieldSettings  Value="CommerceDrugsId" Text="CommerceDrugsName"></AutoCompleteFieldSettings> 

</EjsAutoComplete> 

 

@code{ 

 

    EjsAutoComplete<string> CommerceDrugAutoCompelet; 

 

    private List<NameId> CommerceDrugsNameList = null; 

 

    public string SelectedDrug { get; set; } 

 

    public async Task CommerceDrugsNameFilter(Syncfusion.EJ2.Blazor.DropDowns.FilteringEventArgs args) 

    { 

        if (args.Text.Length > 2) 

        { 

            args.PreventDefaultAction = true; 

            CommerceDrugAutoCompelet.Filter(await ForecastService.getData()); 

           var u = CommerceDrugsNameList.Count().ToString(); 

        } 

        else if (args.Text.Length == 0) 

        { 

            args.Cancel = true; 

            CommerceDrugsNameList.Clear(); 

            CommerceDrugsNameList = null; 

        } 

    } 

 

   public void OnDrugSelect() 

    { 

 

    } 

} 

 

For your convenience we have prepared a sample. Please find the below link: 

 

Sample link: https://www.syncfusion.com/downloads/support/forum/149700/ze/BlazorApp1-2032644682 

 

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

 

Regards, 

Saranya D 

[ebi torabi]

Hi Saranya D .Thanks a lot

[Saranya Dhayalan]

Hi Ebi 

 

Most Welcome.  

 

Please let us know, if you need any further assistance on this.  

 

Regards, 

Saranya D