Razor：如何为只读 TextBox 字段动态分配值？

Question

I have a read-only text box which is supposed to be initialized to a value dynamically. This field is present on a page which is used to enter values to details corresponding to the player that was created in the previous page (I am using RedirectToAction() for this purpose, but was unable to access the passed " PlayerID " value from the controller of the current page. So decided on using TempData . ). Since the PlayerID changes each time a new player is added, this field should display that value while still remaining read-only. Also, this is a ' required ' field, so the form cannot be submitted until the value is set.

 @Html.TextBoxFor(model => model.PlayerID, htmlAttributes: new { @readonly = "read-only", @class = "control-label col-md-2", value = @Html.Raw(TempData["PlayerID"]) })

How can I set the value of this field as it is in the TempData["PlayerID"] ?

Answer 1

You can either have a JavaScript that runs on the page load, ex:

@section Scripts
{
 <script>
   $(function(){
    $("#PlayerID").val('@TempData["PlayerID"]');
   });
 </script>
}

Or, you can initialize the Model for the view inside the action, so if your action name was 'PlayerDetails', then you should have something like this:

public ActionResult PlayerDetails()
{
  return View(new Player{PlayerID=TempData["PlayerID"]}
}

This way, when the view get bound to the view model, it will be initialized to the passed value.

Answer 2

You can try below code:

@Html.TextBox("PlayerID", @TempData["PlayerID"] ,new { @readonly = "read-only", @class = "control-label col-md-2"})

Or in your case:

@Html.TextBoxFor(model => model.PlayerId, htmlAttributes: new { @readonly = "read-only", @class = "control-label col-md-2", Value = @Html.Raw(TempData["PlayerID"]) })