Multiple upload components on same page

Radzen Blazor Studio
1

Looking for help please with multiple upload components on the same page, see code below.

When @loadVehicles is more than 1, it doesn't work, when it gets to VerifyVinPhoto, upload.HasValue is false.

I'm thinking it's because it can't identify the correct component.

Suggestions?

    protected async Task VerifyVinPhoto(string vin)
    {
        try
        {
            if (upload.HasValue)
            {
                await upload.Upload();
            }
            else
            {
                errorVisible = true;
            }
        }
        catch (Exception ex)
        {
            errorVisible = true;
        }
    }

<RadzenDataGrid @ref=grid0
Data="@loadVehicles" TItem="RadzenBlazorServerApp.Models.sql_database.Vehicle">



@{
@vehicle.VIN <RadzenUpload ChooseText="Upload VIN Photo" Url="upload/single" @ref=upload Complete=@OnCompleteAsync Auto="false" class="w-100">

<RadzenButton Variant="Variant.Text" Click=@(() => VerifyVinPhoto(@vehicle.VIN)) Text="Verify VIN" ButtonStyle="ButtonStyle.Primary" />
}



image
image1270×1876 136 KB

2

made some changes, latest code below

Is there a way to pass additional params to OnCompleteAsync?

If I can pass the vehicle.Id I can know what I need to know.

        <RadzenDataGridColumn TItem="RadzenBlazorServerApp.Models.sql_database.Vehicle" Property="AltLoadNameNum" Title="Load">
            <Template Context="vehicle">
                @{
                    @vehicle.VIN <RadzenUpload ChooseText="Upload VIN Photo" Url="upload/single" Accept="image/*" Complete=@OnCompleteAsync class="w-100" InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "select file" }})" />
                }
            </Template>
        </RadzenDataGridColumn>
3

Was able to get it working

<RadzenDataGrid @ref=grid0
                Data="@loadVehicles" TItem="RadzenBlazorServerApp.Models.sql_database.Vehicle">   
    <Columns>
        <RadzenDataGridColumn TItem="RadzenBlazorServerApp.Models.sql_database.Vehicle" Property="AltLoadNameNum" Title="Load">
            <Template Context="vehicle">
                @{
                    var vehicleId = vehicle.Id;
                    @vehicle.VIN <RadzenUpload ChooseText="Upload VIN Photo" Url="upload/single" Accept="image/*" Complete=@(args => OnCompleteAsync(args, vehicleId)) class="w-100" InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "select file" }})" />
                }
            </Template>
        </RadzenDataGridColumn>
    </Columns>
</RadzenDataGrid>