如何使字形图标成为 Razor 中的 ajax 链接文本？

Posted 2023-03-05

【中文标题】如何使字形图标成为 Razor 中的 ajax 链接文本？

【英文标题】：How to make glyph-icon to come ajax link text in Razor?

【发布时间】：2016-03-14 13:46:57

【问题描述】：

我正在使用下面的代码对一列进行排序。我添加的字形图标不可点击。我希望在动作链接测试和 glyphicon 上具有相同的单击事件。当我在动作链接中包含 glyphicon 类时，glyphicon 出现在动作链接文本之前。

<div>
   @Ajax.ActionLink("Project Name", "ListView",
                   new AjaxOptions()
                   
                       HttpMethod = "GET",
                       UpdateTargetId = "MyProject",
                       InsertionMode = InsertionMode.Replace,
                       OnSuccess = "HightlightSelectedProjectTab(" + ViewBag.ProjectType + ")",
                   , new  Class = "linkth" )
                        <span class="glyphicon glyphicon-sort"></span>
                    </div>

【参考方案1】：

你可以这样尝试（用很棒的字体图标测试它并且它正在工作）：

<div>
   @Ajax.ActionLink("Project Name", "ListView",
                   new AjaxOptions()
                   
                       HttpMethod = "GET",
                       UpdateTargetId = "MyProject",
                       InsertionMode = InsertionMode.Replace,
                       OnSuccess = "HightlightSelectedProjectTab(" + ViewBag.ProjectType + ")",
                   , new  Class = "linkth glyphicon glyphicon-sort" )
</div>

【讨论】：

不完全应该如何使用 glyphicon。它将是<a><span glyphicon>Project Name</span></a>，而它应该是<a><span glyphicon></span>Project Name</a>。

我认为如果 html 会起作用，但如果是 Razor ..？

@YeldarKurmangaliyev 实际上 glyphicon 类将直接添加到 标记中。

@Zippy 哦，是的，当然，我的意思是<a glyphicon>ProjectName</a> :)