Question

我对带有嵌入式模板的工具栏使用KendoUI声明式语法。我的页面正确加载，但visual-studio语法检查器不同意；它会改变颜色并强调所有内容。 HTML标记导致了这种情况，我尝试了多种方式将其转义，但无法使语法检查器达成共识；甚至尝试反转单引号和双引号。

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Test</title>

  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.common.min.css">
  <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2019.1.115/js/kendo.all.min.js"></script>
</head>

<body>
  <header id="mainToolbar" data-role="toolbar" data-items='[
                {"template" : "<div>Template Test</div>" },
                {"type"     : "button", "text" : "Search"}]'>
  </header>

</body>

<script>
  var mainToolBarVM = kendo.observable({});

  kendo.bind($("#mainToolbar"), mainToolBarVM);
</script>

</html>

Answer 1

尝试将属性定义移至单行：

data-items='[{"template": "<div>Template Test</div>"},{"type": "button", "text": "Search"}]'

由于模板文字中的标记，Visual Studio出现异常，并且位于另一行。

将内联模板与KendoUI声明性语法一起使用

1 个答案: