How do I get the td value of a row using blazor?

Question

0.00/5 (No votes)

See more:

Currently, I have a blazor component that creates a dropdown menu where the user selects a rack and socket. Once, the rack and socket are chosen, the code then adds the selection to a new object. However, I also want the device that they are choosing the rack and socket for to be also added to the object.

This is my current code:

 @foreach (var device in Devices)
{
    <tr>
        <td>@device.DeviceId</td>
        <td>
            <select class="rack" @onchange="NonBulkLocationSelected">
                <option id="default1">Select A Rack</option>
                @foreach (var rack in availableLocations)
                {
                    <option value="@rack.LocalId0">@rack.LocalId0</option>
                }
            </select>
        </td>
        <td>
            <select class="socket" @onchange="NonBulkLocationSelected">
                <option id="default1">Select A Socket</option>
                @foreach (var socket in availableLocations)
                {
                    <option value="@socket.LocalId1">@socket.LocalId1</option>
                }
            </select>
        </td>
    </tr>
}

The on-change event that is called assigns the dropdown menu's value to a variable that is later stored in in a new object. To accomplish that, I used LINQ queries like:

selectedRack = availableLocations.Where(x => x.LocalId0.ToString().Equals(e.Value)).FirstOrDefault();

(e is eventArgs

However, I don't know of a LINQ query that would be able to get me the device as well and have that stored in a variable. Can someone help me out with that?

What I have tried:

selectedDevice = Devices.Where(x => x.Device.ToString().Equals(e.Value)).FirstOrDefault();

But this obviously did not work since I know very little about LINQ queries.

Posted 16-Dec-20 10:00am

stevenlam505

Updated 16-Dec-20 11:34am

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Shaun C Curtis · Accepted Answer · 2020-12-16T11:34:00

You can pass the device object directly as part of your @onchange event using a Lambda expression

<select class="rack" @onchange="(e)=>NonBulkLocationSelected(e, device)">

in code you then have

protected void NonBulkLocationSelected(ChangeEventArgs e, Device device) 
{
var selecteditem = e.Value; //this will be a string
// do something with device
}

The @onchange event produces a ChangeEventArgs object. You capture this as "e" and pass it into the call to event handler along with your device object.