C# MVC Добавление строки на страницу HTML с использованием средства чтения / записи потоков в редакторе веб-страниц

Question

В моем проекте у меня есть редактор, который использует перетаскивание. Эта часть не может использовать перетаскивание, потому что стиль html установлен на «display: none». У меня есть то, что мне нужно, чтобы создать это, но мне нужно некоторое руководство о том, как получить то, что у меня есть, и добавить его на страницу.

У меня есть выпадающий список, который позволяет мне выбирать из базы данных, какие записи я хочу. Затем он отображает эти записи в приведенном ниже коде.

[HttpPost]
    public ActionResult SelectTags(TagsModel model)
    {
        List<Tags> selectedTags = new List<Tags>();
        foreach (var t in model.Tags.Where(x => x.IsChecked))
        selectedTags.Add(t);

        return Content(String.Join("<br>", selectedTags.Select(x => "&lsaquo;div id=&quot;hmi-tag-defs&quot;&nbsp;" + "id=&quot;" + x.TagsId + "&quot; &nbsp;" + "data-hmi-address= &quot;" + x.DataHmiAddress + "&quot; &nbsp;" + "data-hmi-data-type=&quot;" + x.DataHmiDataType + "&quot; &nbsp;" + "data-hmi-round-places=&quot;" + x.DataHmiRoundPlaces + "&quot; &nbsp;" + "data-hmi-update-level=&quot;" + x.DataHmiUpdateLevel + "&quot; &nbsp;" + "data-hmi-update-in=&quot;" + x.DataHmiUpdateIn + "&quot;" + "style=&quot;display: none;&quot; &rsaquo;&lsaquo;&frasl;div&rsaquo;")));
    }

Это кажется довольно уродливым, мне пришлось использовать разметку, чтобы правильно представить. Если есть более чистый способ представить это, я открыт для этого. Это возвращает приведенное ниже к выбранным элементам.

‹div id="hmi-tag-defs" id="0"  data-hmi-address= "F1234"  data-hmi-data-type="float"  data-hmi-round-places="5"  data-hmi-update-level="100"  data-hmi-update-in="8"style="display: none;" ›‹⁄div›
‹div id="hmi-tag-defs" id="0"  data-hmi-address= "F1235"  data-hmi-data-type="float"  data-hmi-round-places="2"  data-hmi-update-level="1"  data-hmi-update-in="100"style="display: none;" ›‹⁄div›

Вместо того, чтобы отображать это на странице, я хотел бы, чтобы он прочитал это и вставил на текущую страницу html, которая разрабатывается. Этот проект очень тяжелый Javascript, если этот маршрут самый простой, то мы можем использовать и его. В конце необходимо добавить другие HTML, прежде чем они будут размещены на странице. Конечный результат будет выглядеть следующим образом.

<div id="hmi-user-tag-defs" style="display: none;">
    <div class="hmi-tag-def" id="hmi-tag.F1234" data-hmi-address="F1234" data-hmi-data-type="float" data-hmi-value="2.345" data-hmi-round-places="5" data-hmi-update-level="100" data-hmi-update-in="8" style="display: none;"></div>
    <div class="hmi-tag-def" id="hmi-tag.MinGood" data-hmi-address="F0001" data-hmi-data-type="float" data-hmi-value="6" data-hmi-round-places="5" data-hmi-update-level="100" data-hmi-update-in="2" style="display: none;"></div>
</div>

Начальные открывающие теги и конечные теги. Что, я предполагаю, я могу просто добавить с помощью 'var' или 'string', как это

var st = "<div id='hmi-user-tag-defs' style='display: none;'>";
var et = "</div>";
var content = "";
var final = st + content + et; 

Затем прочитайте 'final' и запишите его на страницу HTML. Это та область, с которой я не очень хорошо знаком, если у кого-то есть представление о том, как этого добиться или где я могу найти несколько примеров и т. Д. c. Я был бы признателен за это. Спасибо за вашу помощь!

ОБНОВЛЕНИЕ: Важное примечание, которое я забыл добавить. Эта страница, которая будет создана, будет HTML страницей, работающей в браузере локально. Код на стороне сервера не может быть использован, если он находится на странице.