Как бы я разделил строку запятыми, став новыми строками в моем подробном виде, а не в моей базе данных? Это вообще возможно?

Question

Дело в том, что я пытаюсь сделать свою страницу с данными лучше, чтобы она не была такой пустой. В настоящее время он выглядит как длинная строка, разделенная запятыми.

вот так это выглядит сейчас

так я хочу, чтобы оно выглядело.

В модели это выглядит как это: public string UNCPath { get; set; }

И в представлении это выглядит так:

<dd class="col-sm-10">
    @Html.DisplayFor(model => model.UNCPath)
</dd>

Возможно ли разделить строку только в html? или мне нужно сделать это в моей модели и / или контроллере? И можете ли вы дать мне что-нибудь для начала?

Answer 1

Я думаю, что это лучшее решение, если вы сделаете это в Html, я попробовал следующий код, он отлично работает:

<div class="col-sm-10">
@foreach(string item in Model.UNCPath.Split(','))
{
   <label style="font-weight:100">@item</label>
   <br/>
}
</div>

, если вы используете Bootstrap font-weight метки is bold(700), используйте 100 вместо.

Второе решение

1 - Модель: добавить список строк, например:

public List<string> UNCPathList { get; set; }

2 - Контроллер: разделите вашу строку как:

UNCPathList = "tikala disham AERO2018(\\BEBRS) (O:) (R), tikala disham PROD3(\\SUNS)(Q:) (R), tikala disham PRODUKTI(\\BEBRS)(P:) (R)".Split(',').ToList()

3 - Просмотр:

<div class="col-sm-10">
@foreach(string item in Model.UNCPathList)
{
   <label style="font-weight:100">@item</label>
   <br/>
}
</div>

Надеюсь, это поможет вам.