Kendo UI Grid -客户机模板:转义#标志

Question

我正在使用Kendo的网格，以及Twitter引导。

有一个内置的弹出/模式，可以用以下方式调用：

<a href="#" class="text-yellow" data-toggle="modal" data-target="#login">Login</a>

在我的Kendo UI网格中，我有一个自定义列模板：

   columns.Template(e => { }).ClientTemplate("<span data-toggle='modal' data-target='#login' title='Flag Animals as Dead or Deceased' style='cursor:pointer;' class='glyphicon glyphicon-flag flag-dead text-red'></span>").Width(50);

这就是我的问题所在，如果您注意到，您需要使用#标志指定模态窗口的Id。ie data-target='#login'

每当#标志出现在我的网格模板中时，网格就会中断。我怎么才能逃过这个牌子？

Answer 1

您可以使用像这个data-target='\#login'这样的字符转义#

更新:来自telerik文档kendo模板

如果模板包含一个文字#字符，它不是绑定表达式的一部分，也不是脚本代码标记，那么您必须转义该字符，否则它将导致模板编译错误。例如，如果在超链接URL或CSS颜色值中使用#，则可能发生这种情况。Javascript字符串中的文字#用\#转义，而外部Javascript模板中的文字#用#转义。