我正在使用 Kendo UI 的网格以及 Twitter Bootstrap。
Twitter Bootstrap 有一个内置的弹出窗口/模式,可以通过以下方式调用:
<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。 IEdata-target='#login'
每当 # 符号出现在我的网格模板中时,网格就会破裂。我怎样才能逃脱这个标志呢?
您可以像这样使用 \ 字符转义 #data-target='\#login'
更新:
来自 Telerik 文档剑道模板 http://docs.telerik.com/kendo-ui/framework/templates/overview
如果您的模板包含文本 # 字符,该字符不是绑定表达式的一部分,也不是脚本代码标记,那么您必须转义该字符,否则将导致模板编译错误。例如,如果在超链接 URL 或 CSS 颜色值内使用 #,则可能会发生这种情况。 Javascript 字符串中的文字 # 使用 \\# 进行转义,而外部 HTML 脚本模板中的文字 # 使用 \# 进行转义。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)