1. Feedback
  2. Blazor
  3. 24895

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

0
Votes

Dynamic value not set to control when EnableVirtualization is true

When virtualization property is enabled, value not set to component if we dynamically change the value which is not present in the currently loaded datasource.

Sample Link       : https://www.syncfusion.com/downloads/support/directtrac/general/ze/Dropdownlist-1489635238

Code Snippet     :


<SfDropDownList
TValue="string"
TItem="OrderDetails"
Placeholder="Select a name"
Query="@RemoteDataQuery"
EnableVirtualization="true">

    <SfDataManager
Url=https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders
CrossDomain="true"
Adaptor="Syncfusion.Blazor.Adaptors.ODataAdaptor"></SfDataManager>

    <DropDownListFieldSettings
Text="CustomerID"
Value="CustomerID"></DropDownListFieldSettings>

    <DropDownListEvents
TItem="OrderDetails"
TValue="string"
ValueChange="OnValueChange"></DropDownListEvents>

</SfDropDownList>


<SfDropDownList
TValue="string"
TItem="OrderDetails"
@bind-Value="@ChangedValue"
Placeholder="Select a name"
Query="@RemoteDataQuery"
EnableVirtualization="true">

    <SfDataManager
Url=https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders
CrossDomain="true"
Adaptor="Syncfusion.Blazor.Adaptors.ODataAdaptor"></SfDataManager>

    <DropDownListFieldSettings
Text="CustomerID"
Value="CustomerID"></DropDownListFieldSettings>

</SfDropDownList>


@code
{


    public
Query RemoteDataQuery = new
Query().Select(new
List<string> { "CustomerID" }).Take(10).RequiresCount();

    public
Query RemoteDataQuery1 = new
Query().Select(new
List<string> { "CustomerID" }).Take(10).RequiresCount();

    public string ChangedValue { get; set; }

    public
class OrderDetails

    {

        public
int? OrderID { get; set; }

        public
string CustomerID { get; set; }

        public
int? EmployeeID { get; set; }

        public
double? Freight { get; set; }

        public
string ShipCity { get; set; }

        public
bool Verified { get; set; }

        public
DateTime? OrderDate { get; set; }

        public
string ShipName { get; set; }

        public
string ShipCountry { get; set; }

        public
DateTime? ShippedDate { get; set; }

        public
string ShipAddress { get; set; }

    }

    public
void OnValueChange(ChangeEventArgs<string,OrderDetails> args)

    {

        this.ChangedValue = args.Value;

    }


}


Replication Steps:


1. Open the first dropdown and choose first value.

2. Value will be updated to the second dropdown.

3. Open the first dropdown again and scroll 2 to 3 times and choose any value.

4. Value not updated to the second dropdown due to datasource not present based on the first dropdown’s scrolled value.