使用Dojo SpinWheel

Question

我正在創建一個應用程序，並希望使用Dojo中的SpinWheel小部件。

當前，我要做的就是從站點http://dojotoolkit.org/reference-guide/1.9/dojox/mobile/SpinWheel.html#id4上獲取 SpinWheel Widget的工作示例。

不幸的是，我似乎無法做到這一點。

我努力了：

在線使用示例中的聲明性代碼。 我從github上提取了dojo和dojox倉庫，並且知道它們在正確的位置，因為Hello Dojo教程與我的路徑完美配合。 代碼（大部分是從網站上以粗體顯示的代碼）在下面。

會發生什么：Dojo代碼都不起作用。 標題顯示，“。”顯示，但沒有其他顯示。

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

<!-- load Dojo -->
<script src="dojo/dojo.js"
        data-dojo-config="async: true"></script>
</script>
<script>
    require([
        "dojox/mobile/parser",
        "dojox/mobile/SpinWheel"
    ]);
</script>
</head>

<body>
  <div id="view1" data-dojo-type="dojox/mobile/View">
    <h1 data-dojo-type="dojox/mobile/Heading">Custom SpinWheel</h1>
    <div id="spin1" data-dojo-type="dojox/mobile/SpinWheel">
     <div data-dojo-type="dojox/mobile/SpinWheelSlot"
         labels="['A','B','C','D','E','F','G','H','I','J','K']"
         style="text-align:center;width:40px;"></div>
     <div data-dojo-type="dojox/mobile/SpinWheelSlot"
         labelFrom="3000" labelTo="3100"
         style="width:70px;"></div>
     <div id="pt" class="mblSpinWheelSlot"></div>
     <div id="txt" class="mblSpinWheelSlot">.</div>
     <div data-dojo-type="dojox/mobile/SpinWheelSlot"
         labelFrom="0" labelTo="9"
         style="width:30px;"></div>
     <div data-dojo-type="dojox/mobile/SpinWheelSlot"
         labels="['pt','px','cm']"
         style="width:50px;"></div>
    </div>
    </div>
</body>
</html>

Answer 1

您的示例無法正常工作，因為：

您不調用parser.parse()
您不需要聲明式語法使用的所有模塊
您不加載手機主題

假設DOJO在Apache htdocs的根目錄中解壓縮，則HTML文件的工作頭應如下所示：

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <title>Dojo SpinWheel</title>
    <!-- load Dojo -->
    <script src="/dojox/mobile/deviceTheme.js"></script>
    <script src="/dojo/dojo.js" data-dojo-config="async: true"></script>
  <script type="text/javascript">
    require([
        "dojox/mobile/parser",
        "dojox/mobile/SpinWheel", "dojox/mobile/View", "dojox/mobile/Heading", "dojox/mobile/SpinWheelSlot"
    ], function(parser) {
       parser.parse();
    });
  </script>
</head>

另請參見dojox/mobile/tests下的示例。 它們通常可以工作，這與Dojo在線文檔中的許多示例相反：(

使用Dojo SpinWheel

問題描述

1 個解決方案

解決方案1
1 已采納 2014-06-03 08:28:59

使用Dojo SpinWheel

問題描述

1 個解決方案

解決方案1 1 已采納 2014-06-03 08:28:59

解決方案1
1 已采納 2014-06-03 08:28:59