Change the keys passed to the querystring in a DotNet Core web application

Question

In my view I have the following, typical razor markup.

<div class="form-item-container">
  @Html.LabelFor(m => m.BookingFormFields.FirstName, new { @class = "form-item-label" })
  @Html.TextBoxFor(m => m.BookingFormFields.FirstName, new { @class = "form-item", name="fn" })
  @Html.ValidationMessageFor(m => m.BookingFormFields.FirstName, null, new { @class = "error-text" })
</div>

The problem is this results in querystring like this

?BookingFormFields.FirstName=Test

Which is fine and works, but wouldn't it be better if it could avoid exposing internal fields and be more succinct?

Wouldn't it look better if it looked more like this

?fn=Test

I could achieve this by intercepting the submit action in JavaScript, but I would like to avoid using that if there's a better native DotNet method that I'm not aware of!

Any ideas?

Did you check the docs? You can pass a labelText as another parameter learn.microsoft.com/en-us/dotnet/api/… — Charlieface
– Charlieface, Commented Feb 13 at 14:02

Ruikai Feng · Accepted Answer · 2025-02-17 05:20:17Z

1

The problem is this results in querystring like this

?BookingFormFields.FirstName=Test

Your codes failed to override the name property of input

You could try

@Html.EditorFor(m => m.BookingFormFields.FirstName, null, "fn")

Result:

To introduce class, you may try:

@Html.EditorFor(m => m.BookingFormFields.FirstName, null, "fn", new { htmlAttributes = new { @class = "myCssClass", style = "Width:50px" } })

Result:

edited Feb 17 at 5:20

answered Feb 14 at 6:50

Ruikai Feng

12.5k1 gold badge7 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Username_null Feb 14 at 16:51

Thanks this does actually provide the desired result. I do need to work out how to re-introduce the css class though.

Ruikai Feng Feb 17 at 5:20

Hi,@Username_null,I've updated my answer,hopes help

Collectives™ on Stack Overflow

Change the keys passed to the querystring in a DotNet Core web application

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related