ASP.NET MVC-在搜索结果中突出显示搜索词

Question

是否可以在返回的搜索结果中突出显示搜索词？例如：

我的[HttpPost]操作：

    public ActionResult ProductSearchForm(Product product)
    {
        return RedirectToAction("ProductResult", new { id = product.ITEMID });
    }
    public ActionResult ProductResult(string id)
    {
        var products = client.ProductSearch(id);
        return PartialView("_ProductResult", products);
    }

client.ProductSearch方法（这是一个web服务，但与此无关）：

    public List<string> ProductSearch(string id)
    {
        List<string> products = context.Products.
            Where(x => x.ITEMID.StartsWith(id)).Select(x=>x.ITEMID).ToList();
        return products;
    }

_ProductResult部分视图：

@foreach (var item in Model)
{
   <p>@item.ITEMID</p>
}

当我使用StartsWith时，我想在搜索结果中突出显示搜索词。例如，如果我搜索"123"，则返回2个结果。我希望它能返回这样的东西：

**123**456
**123**45678

或者用一个有类的跨度来包装搜索词，比如：

<span class="highlighted">123</span>456
<span class="highlighted">123</span>45678

然后这个类将有一个CSS规则集，它将颜色设置为黄色。

这可能吗？

Answer 1

您可以将"ID"传递给Partial视图，然后将其替换为

public ActionResult ProductResult(string id)
{
    var products = client.ProductSearch(id);
    ViewData["ID"] = id;
    return PartialView("_ProductResult", products);
}

在_ProductResult部分视图中，

@foreach (var item in Model)
{
    <p>@Html.Raw(@item.ITEMID.Replace((string)ViewData["ID"], "<span class='highlighted'>" + (string)ViewData["ID"] + "</span>")) </p>
}