对 asp.net MVC HTML.Dropdownlist 中的 &nbsp 的更改



我想在html.dropdownlist

中显示带有凹入的项目

这是控制器中的代码

IEnumerable<ViewModels.testvm> test = db.Database.SqlQuery<ViewModels.testvm>(@"WITH tree (id, parentid, level, title, rn) as 
(
   some code
)
***********SELECT id,REPLICATE('&nbsp;',level) + title as title
FROM tree
order by RN");
ViewBag.ParentID = new SelectList(test, "ID", "Title");

您可以看到,我将&amp; amp; nbsp添加到replocecectate

中的下拉项目

但是问题是在下拉中显示的NBSP显示。

这是视图>源结果:

 <select class="form-control" id="ParentID" name="ParentID"><option 
value="10">Menu1</option>
<option value="11">&amp;nbsp;Sub1</option>
<option value="14">&amp;nbsp;Submenu1</option>
<option value="12">Menu2</option>
<option value="16">&amp;nbsp;sub2</option>
<option value="13">Menu3</option>
<option value="15">&amp;nbsp;sub3</option>
<option value="17">&amp;nbsp;&amp;nbsp;sub sub</option>
<option value="22">&amp;nbsp;&amp;nbsp;&amp;nbsp;sub3 sub sub</option>
<option value="19">menu4</option>
<option value="20">&amp;nbsp;sub4</option>
<option value="21">menu5</option>
</select>

您可以看到&nbsp;转换为&amp;nbsp;

我尝试了"xA0",而不是&nbsp,但它也显示在下拉中!

我认为html.raw可以解决这个问题,但是我不知道如何将其与html.dropdownlist一起使用。

这是视图

<div class="col-md-10">
@Html.DropDownList( "ParentID", null, htmlAttributes: new { @class = "form-
control" })
</div>

有什么想法吗?


编辑

通过这样解决问题,问题已解决:我在检查帖子后尝试了这个答案

   <select class="form-control" id="ParentID" name="ParentID">
        <option value="0">First Level</option>
        @foreach (var item in ViewBag.ParentID)
        {
            <option value="@item.Value">@Html.Raw(@item.Text)</option>
        }
    </select>

您可以手动创建下拉列表,假设您将收集放置在名为ParentIDs的ViewModel成员中:

视图:

@if (Model.ParentIDs.Any())
{
    <select class="form-control" id="ParentID" name="ParentID">
        @foreach (var item in Model.ParentIDs)
        {
            if (Model.ParentID == item.id)
            {
                 <option value="@item.id" selected>@item.title</option>
            }
            else
            {
                 <option value="@item.id">@item.title</option>
            }
        }
    </select>
}

最新更新