1. Home
  2. Forum
  3. Blazor
  4. Contain Filter not working When "EnableVirtualization = true"

Contain Filter not working When "EnableVirtualization = true"

I have used "EnableVirtualization = true" in sfcombobox and sfdropdown control.I have set "

FilterType ="Syncfusion.Blazor.DropDowns.FilterType.Contains"" 


but its not working.Please check attached code and screencast for your reference.


https://www.screencast.com/t/40N6muwSF





Attachment: ComboBox_Virtualization186263802_d22feb83.rar

19 Replies
KI KINS May 16, 2022 05:06 PM UTC

Awaiting for reply 


UD UdhayaKumar Duraisamy Syncfusion Team May 16, 2022 06:44 PM UTC

Hi KINS,


We suggest you to upgrade the Syncfusion Blazor NuGet version to the latest(20.1.55v), also We suggest installing an individual NuGet package for Syncfusion components and themes packages for versions above 20. Also, we need to refer to the script and style sheet in the <head>
of the ~/Pages/
_Host.cshtml file to get the functionality and CSS style. For more details, please refer to the below sample and documentation.


Documentation : https://blazor.syncfusion.com/documentation/combobox/getting-started

https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio#register-syncfusion-blazor-service


https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets


Regards,

Udhaya Kumar D


Attachment: ComboBox_a9054d45.zip

KI KINS July 13, 2022 09:12 AM UTC

I have upgraded 20.1.59 in .NET framework 5.0 but its not working.Can you give example code in .net 5.0 ???


KI KINS July 14, 2022 01:36 PM UTC

awaiting for reply...


UD UdhayaKumar Duraisamy Syncfusion Team July 15, 2022 07:56 AM UTC

Hi KINS,


We have prepared a sample DotNET 5 framework and attached it below for reference. Please refer to it.


Regards,

Udhaya Kumar D


Attachment: BLAZcombobox_f73a6969.zip

KI KINS July 15, 2022 08:53 AM UTC

I have check above example ,it works fine but its not working in project.Please check below code and advise how to resolve this issues

Note:-

I have Loaded Data in Second dropdown based on First dropdown value.


razor page Code:-

@inherits MaterialSearchVerticalBase


<div class="col-sm-12 col-md-12 col-lg-12" style="padding:0px">

    <SfComboBox Enabled="@EditEnabled" CssClass="required" @ref="cmbMaterialType" DataSource="@materialTypeSetups" @bind-Value="@MaterialTypeID" Placeholder="Material Type"

                    FilterType="Syncfusion.Blazor.DropDowns.FilterType.Contains" AllowFiltering="true" FloatLabelType="@FloatLabelType.Always" ShowClearButton="true">

        <ComboBoxFieldSettings Value="ReferenceDetailsID" Text="ReferenceDetailsName"></ComboBoxFieldSettings>

        <ComboBoxEvents TValue="int?" TItem="SReferenceDetailsSetup" ValueChange="@MaterialTypeChange"></ComboBoxEvents>

    </SfComboBox>


</div>


<div class="col-sm-12 col-md-12 col-lg-12" style="padding:0px">

    <SfDropDownList Enabled="@EditEnabled" CssClass="e-multi-column required" @ref="cmbMaterialSKU" Query="@query" TValue="int?" TItem="MaterialSKUSearchSetup" @bind-Value="@MaterialSKUID" PopupWidth="850px" Placeholder="Material SKU"

                    FilterType="Syncfusion.Blazor.DropDowns.FilterType.Contains" AllowFiltering="true" FloatLabelType="@FloatLabelType.Always" EnableVirtualization="true" >

        <SfDataManager @ref="sfData" Json="@materialSKUSearchSetups" Adaptor="Adaptors.JsonAdaptor"></SfDataManager>

        <DropDownListFieldSettings Text="MaterialSKUName" Value="MaterialSKUID"></DropDownListFieldSettings>

        <DropDownListEvents TValue="int?" TItem="MaterialSKUSearchSetup" ValueChange="@MaterialSKUChange"></DropDownListEvents>

        <DropDownListTemplates TItem="MaterialSKUSearchSetup">

            <HeaderTemplate>

                <table><tr><th width="350px" class="e-text-center">MaterialName</th><th width="100px">Source</th><th width="100px">Uom</th><th width="150px">MaterialCode</th><th width="200px">Main Group</th></tr></table>

            </HeaderTemplate>

            <ItemTemplate Context="context2">

                <table><tbody><tr><td width="350px" style="height:none" class="e-text-center">@((context2 as MaterialSKUSearchSetup).MaterialSKUName)</td><td width="100px">@((context2 as MaterialSKUSearchSetup).SourceName)</td><td width="100px">@((context2 as MaterialSKUSearchSetup).UomName)</td><td width="150px">@((context2 as MaterialSKUSearchSetup).MaterialSKUCode)</td><td width="200px">@((context2 as MaterialSKUSearchSetup).MainGroupName)</td></tr> </tbody></table>

            </ItemTemplate>

        </DropDownListTemplates>

    </SfDropDownList>

</div>


CS Code :-

protected async override Task OnParametersSetAsync()

        {

            if (MaterialTypeID != null)

            {

                if (OldMaterialTypeID != MaterialTypeID)

                {

                    if (SourceID == null)

                        materialSKUSearchSetups = await materialSKUService.GetMaterialSKUSearchList(SessionManager.FactoryID, MaterialTypeID, PurchaseTypeID, SessionManager.UserID);

                    else

                        materialSKUSearchSetups = await materialSKUService.GetMaterialSKUSourceSearchList(SessionManager.FactoryID, MaterialTypeID, PurchaseTypeID, SourceID, SessionManager.UserID);

                    OldMaterialTypeID = MaterialTypeID;

                }

            }

        }

        protected async override Task OnInitializedAsync()

        {

            materialTypeSetups = (await referenceDetailsService.GetSReferenceDetailsList(SessionManager.FactoryID, SessionManager.UserID, "MT")).ToList();

        }

        protected async Task MaterialTypeChange()

        {

            await MaterialTypeChangeOld();

        }


        protected async Task MaterialTypeChangeOld()

        {

            if (SourceID == null)

                materialSKUSearchSetups = await materialSKUService.GetMaterialSKUSearchList(SessionManager.FactoryID, MaterialTypeID, PurchaseTypeID, SessionManager.UserID);

            else

                materialSKUSearchSetups = await materialSKUService.GetMaterialSKUSourceSearchList(SessionManager.FactoryID, MaterialTypeID, PurchaseTypeID, SourceID, SessionManager.UserID);

            query = new Query().Where(new WhereFilter() { Field = "MaterialTypeID", Operator = "equal", value = MaterialTypeID, IgnoreCase = false, IgnoreAccent = false }).Take(10).RequiresCount();

        }

        public async Task MaterialSKUChange()

        {

            await UpdateMaterial();

        }

        public async Task UpdateMaterial()


        {

            materialSearchSetup = new MaterialSearchSetup();

            materialSearchSetup.MaterialTypeID = MaterialTypeID;

            SReferenceDetailsSetup mType = cmbMaterialType.GetDataByValue(materialSearchSetup.MaterialTypeID);

            if (mType != null)

                materialSearchSetup.MaterialTypeName = mType.ReferenceDetailsName;


            materialSearchSetup.MaterialSKUID = MaterialSKUID;

            MaterialSKUSearchSetup skuName = cmbMaterialSKU.GetDataByValue(materialSearchSetup.MaterialSKUID);

            if (skuName != null)

            {

                materialSearchSetup.MaterialSKUName = skuName.MaterialSKUName;

                materialSearchSetup.MaterialCode = skuName.MaterialSKUCode;

                materialSearchSetup.MaterialGroupName = skuName.MainGroupName;

                materialSearchSetup.UomName = skuName.UomName;

            }

            await EventCallBackMaterialSearch.InvokeAsync(materialSearchSetup);

        }


KI KINS July 15, 2022 01:13 PM UTC

For your reference, Please check attached file


Attachment: sample_342bf66a.rar

KI KINS July 18, 2022 11:14 AM UTC

please help


UD UdhayaKumar Duraisamy Syncfusion Team July 18, 2022 04:16 PM UTC

Hi KINS,


We are validating the requirement. We will update the details in two business days (20th July 2022).


Regards,

Udhaya Kumar D.


KI KINS July 18, 2022 04:43 PM UTC

Ok will wait for prompt reply.


UD UdhayaKumar Duraisamy Syncfusion Team July 19, 2022 03:12 PM UTC

Hi KINS,


As we mentioned earlier we will update the details on 20th July 2022.


Regards,

Udhaya Kumar D.



UD UdhayaKumar Duraisamy Syncfusion Team July 20, 2022 03:42 PM UTC

Hi KINS,


Due to complexity, we are still validating the requirement. We will update the further details in two business days(22nd July 2022).


Regards,

Udhaya Kumar D


KI KINS July 22, 2022 03:31 PM UTC

Is it possible to get reply today as per above commitment??


MM Mohanraj Mathaiyan Syncfusion Team July 22, 2022 04:15 PM UTC

Hi KINS,


We ensured the reported issue based on the shared details, but we cannot replicate the issue in the latest version. Please upgrade your Nuget version to latest Nuget version (20.2.39). Still if you are facing issue, please modify the attached sample to replicate in our end. This will help us validate the issue further and provide you with a better solution.


Regards,

Mohanraj M



Attachment: ComboBox_Virtualization_da031ae7.zip

KI KINS July 23, 2022 04:39 AM UTC

Thanks for reply...


The above code working fine but its not working after upgrading 20.2 version in my project. Please check below screencast and advise how to resolve this issues.


https://www.screencast.com/t/QxnT4mdV 

 

Please check my sample code for your reference.


Attachment: sample_c8f169c8.rar

KI KINS July 25, 2022 04:38 PM UTC

Please help 


MM Mohanraj Mathaiyan Syncfusion Team July 25, 2022 06:09 PM UTC

Hi KINS,


We are the requirement. We will update the details in two business days (27nd July 2022).


Regards,
Mohanraj M


KI KINS July 27, 2022 10:44 AM UTC

Awaiting for prompt reply...


UD UdhayaKumar Duraisamy Syncfusion Team July 27, 2022 11:34 AM UTC

Hi KINS,


We have validated the reported query on our end. Unfortunately, we couldn’t reproduce the reported issue as per your scenario. Also, we request you to provide additional details about the issue as mentioned below. This will help us validate the issue further and provide you with a better solution.


1. Are you facing the issue in any particular scenario?

2. Is the ComboBox component rendered within any other component(Ex: Grid) or alone?

3. Simple issue reproducing Runnable sample (or modify the previously attached sample).


Regards,

Udhaya Kumar D


Loader.
Up arrow icon