Каков наилучший подход для построения динамических c веб-страниц с сигналом r и javascript? - PullRequest
Новая
       51

Каков наилучший подход для построения динамических c веб-страниц с сигналом r и javascript?

0 голосов
/ 13 апреля 2020

В настоящее время я использую asp. net MVC. net core 3.1 с сигналом r для создания веб-сайта. Однако одна из вещей, которая занимает больше всего времени, - это написание кода для создания динамических c html элементов. Например, я использую следующее javascript: 

function generateScheduleInfoRow(category, emplName, emplSendTestReport, empldSendBoe, emplEmail, emplPhoneNum, emplid, emplDeptNum) {
    var output = `
            <td> 
                <input name="category" type="text" value="` + category + `"/>
            </td>
            <td>
                <input id="emplName` + currentScheduleInfoRows +`" name="emplName" value="` + emplName + `" type="text" />
            </td>
            <td>
                <input type="hidden" name="emailPersonalCalendar" value="0"><input type="checkbox" onclick="this.previousSibling.value=1-this.previousSibling.value">
            </td>
            <td>
                <input type="hidden" value="` + emplSendTestReport + `" name="emplSendTestReport" value="0"><input type="checkbox" onclick="this.previousSibling.value=1-this.previousSibling.value">
            </td>
            <td>
                <input id="emplEmail` + currentScheduleInfoRows + `" name="emplEmail" value="` + emplEmail + `" type="text" />
            </td>
            <td>
                <input id="emplPhoneNum` + currentScheduleInfoRows +`"  name="emplPhoneNum" value="` + emplPhoneNum + `" type="text" />
            </td>
            <td>
                <input id="emplId` + currentScheduleInfoRows +`"  name="emplid" value="` + emplid + `" type="text" />
            </td>
            <td>
                <input id="emplDeptNum` + currentScheduleInfoRows +`"  name="emplDeptNum" value="` + emplDeptNum + `" type="text" />
            </td>`;
    currentScheduleInfoRows++;
    return output;
}

Эта функция помогает построить строку в таблице. Я получаю некоторые JSON данные из соединения signal r и использую их для динамического построения таблицы: 

    for (var i = 0; i < dataJson["schedulePeople"].length; i++) {
        var cur = dataJson["schedulePeople"][i];
        document.getElementById("eventDetailsTable").insertRow(-1).innerHTML = generateScheduleInfoRow(cur["Category"], cur["EntityName"], cur["EmailTestReport"], cur["EmailBoe"],
            cur["EmailAddr"], cur["PhoneNum"], cur["Emplid"], cur["DeptNum"]);
    }

Есть ли лучшая методика, структура, методология или открытый исходный код для построения этих HTML страниц быстро? Я использую такую ​​же технику кода по всему сайту. Спасибо.

1 Ответ

0 голосов
/ 16 апреля 2020

Пройдя некоторое время, я порекомендую использовать новый Blazor от Microsoft:

Документация Microsoft !

Blazor позволяет легко создавать бритвенные страницы и html элементы с C# как код. Это использует сигнализатор в фоновом режиме, чтобы облегчить это. Все вызовы r сигналов отвлекаются.

...