Aktualizacja zmiennych wyświetlanych na stronie RazorPages

Aktualizacja zmiennych wyświetlanych na stronie RazorPages
NU
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 2
0

Hej
Jak zrobić, żeby po wybraniu opcji z listy rozwijanej użytkownik zobaczył zmianę w widoku?

Plik .cshtml

Kopiuj
@page
@model TestModel
@{
    ViewData["Title"] = "Test page";
}

<span>Choose value</span>

<select name="testValue">
    <option value="">Choose value</option>
    <option value="value_1">Value 1</option>
    <option value="value_2">Value 2</option>
    <option value="value_3">Value 3</option>
    <option value="value_4">Value 4</option>
</select>

Chosen value: value="@TestModel.TestValue"

Plik .cshtml.cs

Kopiuj
namespace TestowaAplikacjaRazor.Pages
{
    public class TestModel : PageModel
    {

        [BindProperty]
        public static string? TestValue { get; set; }

        public void OnGet()
        {}

        public void OnPost()
        {}
    }
}

Teraz działa tak, że nawet po wybraniu wartości pokazuje zawsze: Chosen value: <czyli nic>

AdamWox
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Jastrzębie-Zdrój
  • Postów: 2181
1

Moim zdaniem takie problemy rozwiązuje się tylko JavaScriptem. W RazorPages strona "nie nasłuchuje" zmian. Trzy wyjścia:

  1. JavaScript
  2. Zrobić forme i pobrać wartość w [HttpPost] - refresh strony
  3. Olać RazorPages i nauczyć się Blazora lub jakiegoś frameworka JS np: Angular, React, Vue + WebAPI

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.