Использование встроенных шаблонов с декларативным синтаксисом KendoUI - PullRequest
Новая
       6

Использование встроенных шаблонов с декларативным синтаксисом KendoUI

0 голосов
/ 24 января 2019

Я использую декларативный синтаксис KendoUI для панели инструментов со встроенным шаблоном. Моя страница загружается правильно, но программа проверки синтаксиса visual-studio не согласна; он меняет цвета и подчеркивает все. Это связано с HTML-тегами, и я пытался избежать их несколькими способами, но не могу согласиться с проверкой синтаксиса; даже пытался поменять одинарные и двойные кавычки.

enter image description here

<!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>

1 Ответ

0 голосов
/ 24 января 2019

Попробуйте переместить определение атрибута в одну строку: 

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

Visual Studio выходит из строя из-за тегов в литерале шаблона и в другой строке.

...