1. Home
  2. Forum
  3. Blazor
  4. Multiselect checkbox and virtualization

Multiselect checkbox and virtualization

Hi,

I'm using Blazor webassembly with .Net6 (6.0.7) and Syncfusion 20.2.0.43.

I am having some difficulty using SfMultiselect component with checkbox mode, virtualization and SfDataManager.

  1. When I check a box and then scroll down to load more data, the checked box appears unchecked.
  2. When I launch a search, check a box and scroll down, the search turns off.
  3. When I use a custom adapter, I see queries are still being played after reaching the end of the dropdown. Moreover, these requests are not paged (with "Skip"), but are only larger "Take".

Do you know how to solve 1 and 2?

Is it possible to have paging with virtualization? Is it possible to stop performing requests when the end of the dropdown is reached?

I attached an example project with two videos (for 1 and 2) and a screen print for 3. 1 and 2 can be reproduced with “Multiselect” page and 3 with “Multiselect custom” page.

Thanks for your help.

Best regards.

François


P.S. How do I get access to private support tickets? I would like to access tickets created by a colleague:

https://support.syncfusion.com/support/tickets/391942

https://support.syncfusion.com/support/tickets/394743


Attachment: Multiselect_checkbox_and_virtualization_1ee78f7.zip

18 Replies
DR Deepak Ramakrishnan Syncfusion Team August 11, 2022 12:51 PM UTC

Hi Francois,


Greetings from Syncfusion support.


Query 1 :

  1. When I check a box and then scroll down to load more data, the checked box appears unchecked.
  2. When I launch a search, check a box and scroll down, the search turns off.


We can able to reproduce the issue with the above details provided . We will further validate and update the details in two business days (16th August 2022) .



Query 2: When I use a custom adapter, I see queries are still being played after reaching the end of the dropdown. Moreover, these requests are not paged (with "Skip"), but are only larger "Take".


Yes we have already considered the requested behavior as improvements at our end , You can track the status of it using the below feedback .


https://www.syncfusion.com/feedback/27506/while-virtual-scroll-in-dropdown-components-top-parameter-get-incresed-with-more


Query 3 : How do I get access to private support tickets? I would like to access tickets created by a colleague:



Sorry, we are unable to give permission to access the tickets since the email ID of you and your colleagues are of a different domain. So, please ask your colleague to include your email address in the ticket cc field so that you can get access.


For further assistance on getting access, please contact your Syncfusion Account Manager or our sales team at [email protected]


Thanks,

Deepak R.


FR François August 16, 2022 12:39 PM UTC

Hi Deepak,

Thank for the answer.


I created a new account. It should be on the same domain as my colleague. Can you give acces to tickets 391942 and 394743 now ? (He is in holydays.)


Can you give me access to the feedback you mentioned ?

Best regards.

François


FR François August 16, 2022 12:55 PM UTC

Deepak,

I proposed corrections to the French translations. Can you arrange for them to be reviewed? I ask because I see that the German and Italian translations have been open for quite a long time.

https://github.com/syncfusion/blazor-locale/pull/76

Thank again,

François


SP Sureshkumar P Syncfusion Team August 17, 2022 01:02 PM UTC

Hi François,

Thanks for your update. We have added your email id in cc for the mentioned tickets. For providing the access we will check with our sales team and get back to you.

Also, we will intimate once merged and published your pull request.

Regards,

Sureshkumar P


FR Francois August 24, 2022 07:46 AM UTC

Hi Deepak and Sureshkumar,

Do you have any news about these issues? Should they be reported as a bug?

  1. When I check a box and then scroll down to load more data, the checked box appears unchecked.
  2. When I launch a search, check a box and scroll down, the search turns off.

Thanks

François


SP Sureshkumar P Syncfusion Team August 25, 2022 01:04 PM UTC

Hi Francois,


When validating the reported issue, we have faced some complexity to sort out the reason for replicating the issue in your sample. We need to validate in two more business days. We will update the further details on August 29th, 2022.


Regards,

Sureshkumar P


FR Francois August 25, 2022 02:27 PM UTC

Hi Sureshkumar,

Thanks for the answer. Please take the time you need.

Regards,

François


SP Sureshkumar P Syncfusion Team September 1, 2022 11:44 AM UTC

Hi Francois,

Thanks for your shared information, we have logged the reported requirement as an issue in our component. and this fix will be included in our upcoming weekly patch release, which is expected to be rolled out on September 14th, 2022.

You can track the status of this issue from the below feedback.

Feedback: https://www.syncfusion.com/feedback/37455

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization

Regards,

Sureshkumar P


FR François September 1, 2022 05:31 PM UTC

Thanks Sureshkumar.

Can you give me access to https://www.syncfusion.com/forums/176720/multiselect-checkbox-and-virtualization ?

Earlier in this thread,  Deepak said I could track it but he forgot to give me access.

Regards,

François


SP Sureshkumar P Syncfusion Team September 2, 2022 09:58 AM UTC

Hi François,

As per our previous update, we are unable to give permission to access the tickets since the email ID of you and your colleagues are of a different domain. So, please ask your colleague to include your email address in the ticket cc field so that you can get access.

For further assistance on getting access, please contact your Syncfusion Account Manager or our sales team at [email protected]

Regards,

Sureshkumar P


FR Francois replied to Francois October 5, 2022 12:57 PM UTC

Hi,

Do you have any news about these issues?

  1. When I check a box and then scroll down to load more data, the checked box appears unchecked.
  2. When I launch a search, check a box and scroll down, the search turns off.

Thanks

François


SP Sureshkumar P Syncfusion Team October 6, 2022 04:36 AM UTC

Hi François,

We are glad to announce that our Essential Studio 2022 Volume 3 release v20.3.0.47 is rolled out and is available for download under the following link.

https://www.syncfusion.com/forums/177858/essential-studio-2022-volume-3-main-release-v20-3-0-47-is-available-for-download

We have also included the fix for the issues.

  1. When checking a box and then scrolling down to load more data, the checked box appears unchecked.

  2. When launching a search, check a box, and scroll down, the search turns off.


with our patch release version 20.2.49. So please upgrade your package to the latest to resolve the issue from your end.

please find the release notes here: https://blazor.syncfusion.com/documentation/release-notes/20.2.49?type=all#multiselect

Regards,

Sureshkumar P


FR Francois October 11, 2022 03:16 PM UTC

Hi Sureshkumar,

I upgraded to release 20.3.49 and made some tests. I still have some questions about Multiselect component.

I attached an example project with videos.


1) The search deactivates when a box is checked.

To reproduce this problem, launch a search, check a box, and scroll down. You can observe that the search is deactivated.

You can reproduce this on the “Multiselect” page of the attached example and watch the first video.

I think it is a bug, could you correct it?


2) I tried doing a list of the selected items using MultiSelect events (instead of using bind-Value).

On OnValueSelect event, I add an item to the list:

        _selectedItems.Add(args.ItemData);

On ValueRemoved event, I remove the item of the list:

       _selectedItems.Remove(args.ItemData);

The removal of the item doesn’t work after a scroll down. Do you know Why?

Please watch video 2 and see the code of MultiSelectOdataWithEventsPage.razor for details.


Thanks for your answer.

Regards,

François



Attachment: Multiselect_checkbox_and_virtualization_v2_8d34917.zip

SP Sureshkumar P Syncfusion Team October 13, 2022 05:38 AM UTC

Hi François,


Query 1: The search deactivates when a box is checked.

              We have validated the reported issue on our end and will update in one business day October 14th,2022.

Query 2: I tried doing a list of the selected items using MultiSelect events (instead of using bind-Value).

              We suggest you use the List values directly to the component instead of array values to bind-value achieve your requirement.

Find the code example here:

<SfMultiSelect TValue="List<CustomersAndSuppliers>" TItem="CustomersAndSuppliers" @bind-Value="_selectedItems" Query=LocalDataQuery Mode=@VisualMode.CheckBox Placeholder="Select a customer/supplier" FloatLabelType=@FloatLabelType.Always

               ShowClearButton=true

               ShowDropDownIcon=true

               AllowFiltering=true

               FilterType=@Syncfusion.Blazor.DropDowns.FilterType.Contains

               EnableVirtualization=true>

    <MultiSelectEvents TValue="List<CustomersAndSuppliers>" TItem="CustomersAndSuppliers" OnValueSelect=OnValueSelectAsync

                       ValueRemoved=ValueRemovedAsync

                       Cleared=ClearedAsync />

     <MultiSelectTemplates TItem=CustomersAndSuppliers>

<ItemTemplate>

            @{

                var customersAndSuppliers = context as CustomersAndSuppliers;

                    <span title="@customersAndSuppliers.ContactName (@customersAndSuppliers.Relationship)">

                    @customersAndSuppliers.ContactName

                    </span>

            }

        </ItemTemplate>

    </MultiSelectTemplates>

</SfMultiSelect>

 

 

@foreach (var item in _selectedItems)

{

    <p>@item.ContactName</p>

}

 

@code {

    public class CustomersAndSuppliers

    {

        public string City { get; set; }

        public string CompanyName { get; set; }

        public string ContactName { get; set; }

        public string Relationship { get; set; }

    }

 

    private readonly Query LocalDataQuery = new Query().Take(20).Sort(nameof(CustomersAndSuppliers.City), "Ascending");

 

    private List<CustomersAndSuppliers> _selectedItems { get; set; } = new List<CustomersAndSuppliers>();

 

    private async Task OnValueSelectAsync(SelectEventArgs<CustomersAndSuppliers> args)

    {

        // Add item to list.

        //_selectedItems.Add(args.ItemData);

    }

 

    private async Task ValueRemovedAsync(RemoveEventArgs<CustomersAndSuppliers> args)

    {

        // Remove from list.

        //_selectedItems.Remove(args.ItemData);

    }

 

    private async Task ClearedAsync(MouseEventArgs args)

    {

        // Empty list.

       // _selectedItems.Clear();

    }

}

 


Note: If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.

Regards,

Sureshkumar P.


SP Sureshkumar P Syncfusion Team October 14, 2022 04:33 AM UTC

Hi François,

Query: The search deactivates when a box is checked.

We have already considered this bug fix included when already logged feature request “While virtual scroll in dropdown components 'top' parameter get increased with more number of requests”. So, we will include this fix when implementing the logged feature.

Find the feedback link here: https://www.syncfusion.com/feedback/27506

Regards,

Sureshkumar P


FR Francois replied to Sureshkumar P November 8, 2022 02:28 PM UTC

Hi Sureshkumar,

Can you give me access to the feedback you linked in your reply ?

Thanks

François


VY Vinothkumar Yuvaraj Syncfusion Team November 11, 2022 02:02 PM UTC

We have now given permission to access the feedback.


FR François November 15, 2022 10:52 AM UTC

Thanks Vinothkumar.

I will come back to this conversation when the feedback is implemented.

Best regards,

François


Loader.
Up arrow icon