Przekazanie danych do formularza

Przekazanie danych do formularza
PH
  • Rejestracja:prawie 8 lat
  • Ostatnio:2 dni
  • Postów:185
0

Witajcie
Przychodzę do was z innego działu a w js robię to co muszę :) Także potraktujcie mnie z rezerwą.
Otóż mam aplikację .net core i z kontrolera chciałbym przekazać pewne atrybuty do formularza z tym, że formularz u mnie w html to tak na prawdę tylko divy(jako contenery dla poszczególnych części forma a cała reszta jest ładowana dynamicznie w zależności od tego co użytkownik później wybierze.
plus minus coś takiego:

Kopiuj
<form>

    <div id="Column4" class="tab">
        <p class="tabTitle">Spis:</p>
        <div class="form-row">
            <div class="col text-center">
                <div class="form-check">
                    <p>Brak <input class="disputedCreditorsCheckbox" type="checkbox" checked></p>
                </div>
            </div>
        </div>
        <div class="disputedCreditorsClass">

        </div>
    </div>


    <div id="Column5" class="tab">
        <p class="tabTitle">Spis:</p>
        <div class="form-row">
            <div class="col text-center">
                <div class="form-check">
                    <p>Brak<input class="disputedCreditorsCheckbox" type="checkbox" checked></p>
                </div>
            </div>
        </div>
        <div class="disputedCreditorsClass">

        </div>
    </div>

</form>

w js mam eventy, na click w checkbox`ie

Kopiuj
var disputedCreditors = 0;
var disputedCreditorsCode = '';
function disputedCreditorsCodeBuild() {
    disputedCreditorsCode = `
            <div class="veryfication-row">
            <div class="form-row">
            <div class="col form-group">
            <p>Imię i nazwisko :<input name="DisputedCreditors[${disputedCreditors.toString()}].DisputedCreditorName" type="text"></p>
            </div>
            <div class="col form-group">
            <p>Adre:<input name="DisputedCreditors[${disputedCreditors.toString()}].DisputedCreditorPlace" type="text"></p>
            </div>
            </div>
            <div class="form-row">
            <div class="col form-group">
            <p>Wysokość :<input name="DisputedCreditors[${disputedCreditors.toString()}].DisputedCreditorValue" type="number"></p>
            </div>
            <div class="col form-group">
            <p>Termin:<input name="DisputedCreditors[${disputedCreditors.toString()}].DisputedCreditorDate" type="date"></p>
            </div>
            </div>
            <div class="form-row">
            <div class="col form-group">
            <p>Zakres:<input name="DisputedCreditors[${disputedCreditors.toString()}].DubtfulDate" type="text"></p>
            </div>
            <div class="col text-center form-group">
            <p><br><button style="width:100%;" type="button" class="btn btn-outline-secondary addButton" onclick="${disputedCreditors == 0 ? 'add' : 'remove'}('Column5','disputedCreditors')">${disputedCreditors == 0 ? 'Dodaj' : 'Usuń'}</button></p>
            </div>
            </div>
            </div>`
};
$(".disputedCreditorsCheckbox").click(function () {
    disputedCreditorsCodeBuild();
    disputedCreditors = 0;
    if ($(this).is(':checked')) {
        $(".disputedCreditorsClass").empty();
    }
    else {
        $(".disputedCreditorsClass").append(disputedCreditorsCode);
    }
});

Jak teraz wczytać te dane do formularza przy ładowaniu?
Pozdrawiam

PH
  • Rejestracja:prawie 8 lat
  • Ostatnio:2 dni
  • Postów:185
0

Wybaczcie, że podbijam te pytanie,
Czy może ktoś zna jakiś sposób poza pisaniem kolejnego skryptu, który przy inicjalizacji strony sprawdzi model i na podstawie jego stanu wyświetli dane ?

złoty
  • Rejestracja:ponad 17 lat
  • Ostatnio:około miesiąc
  • Lokalizacja:Warszawa
  • Postów:108
0

Przy ładowaniu, w sensie pierwszym załadowaniu strony? Możesz dodać obsługę zdarzenia DOMContentLoaded

Kopiuj
document.addEventListener('DOMContentLoaded', function () {
  // tu niezbędne działania
});
edytowany 1x, ostatnio: złoty

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.