Kendo 核心 - 需要基本帮助

Question

我正在尝试使用 Kendo 的免费源代码。我只是想在标签条中显示 data-title，但到目前为止还不能。核心代码自带一个dataviz，对我不起作用。你能帮帮我吗？

<!DOCTYPE html>
<html>
<head>
    <title>Testing</title>
    <meta charset="utf-8">

    <!-- Kendo sources -->
    <link href="kendo/styles/kendo.common.min.css" rel="stylesheet">
    <link href="kendo/styles/kendo.default.min.css" rel="stylesheet">
    <!--<link href="kendo/styles/kendo.mobile.all.css" rel="stylesheet" />-->
    <!--<link href="kendo/styles/kendo.dataviz.mobile.min.css" rel="stylesheet">-->

    <script src="kendo/js/jquery.min.js"></script>
    <script src="kendo/js/kendo.ui.core.min.js"></script>

    <!-- Source -->
    <link rel="stylesheet" href="src/stylesheet.css" />

</head>
<body>
    <!-- Home -->
    <div data-role="view" id="home" data-title="Home">
        <div data-role="header">
            <div data-role="tabstrip">
                <span data-role="view-title"></span>
            </div>
        </div>
        <div data-role="footer">
            <div data-role="tabstrip">
                <a data-role="button" href="#menupage">Menu</a>
            </div>
        </div>
    </div>
    <script>var app = new kendo.mobile.Application(document.body);</script>
</body>
</html>

Answer 1

将您的 div data-role="tabstrip" 更改为 data-role="navbar"

<div data-role="view" id="home" data-title="Home">
  <div data-role="header">
    <div data-role="navbar">
      <span data-role="view-title"></span>
    </div>
  </div>
  <div data-role="footer">
    <div data-role="navbar">
      <a data-role="button" href="#menupage">Menu</a>
    </div>
  </div>
</div>

修复样本 http://jsbin.com/suhaso/1/edit?html,js,output

Kendo 核心 - 需要基本帮助

Kendo Core - basic assistance needed

html

javascript

core

kendo-ui