Question

我现在正在学习道场。所以我想通过如何在Dojo中使用仪表来构建我的第一个演示。我下载了zip包并构建了一个asp.net web项目。然后将Dojo包中的所有资源导入到该项目中。

因为我看到了DoJo网站上的演示：http://demos.dojotoolkit.org/demos/gauges/demo.html，所以我想在本地计算机上使用现有的DoJo资源复制此演示。 HTML代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="DojoDaemon.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Dojo Circular Gauge Test  Daemon</title>
<link href="Styles/Site.css" rel="stylesheet" type="text/css" />
<script src="Scripts/dojo-release-1.9.1/dojo/dojo.js" type="text/javascript"  data-dojo-config="async:true"></script>
<script src="Scripts/dojo-release-1.9.1/dojox/dgauges/components/black/CircularLinearGauge.js"
    type="text/javascript" data-dojo-config="async:true"></script>
<script src="Scripts/dojo-release-1.9.1/dojox/dgauges/components/black/HorizontalLinearGauge.js"
    type="text/javascript" data-dojo-config="async:true"></script>
<script src="Scripts/dojo-release-1.9.1/dojox/dgauges/components/black/SemiCircularLinearGauge.js"
    type="text/javascript" data-dojo-config="async:true"></script>
</head>
<body>
<form runat="server" id="form1">
<h2 align="center" style="color:white;">Predefined Glossy Gauges</h2>
<table style="height:100%; width:100%">
         <tr>
    <td align="center">
    <div id="CircularGauge" background="{color:'rgba(0,0,0,0)'}" useTooltip="false" data-dojo-type="Scripts/dojo-release-1.9.1/dojox/dgauges/components/black/CircularLinearGauge" style="width:200px;height:200px" value="20"></div></td>
    <td align='center'>
    <div id="CircularGauge2" background="{color:'rgba(0,0,0,0)'}" useTooltip="false"  data-dojo-type="Scripts/dojo-release-1.9.1/dojox/dgauges/components/black/SemiCircularLinearGauge" value="10" style="width:250px;height:200px"></div></td>
     </tr>
     <tr> 
     <td valign="middle" align="center" colspan="2">
    <div id="HGauge3" style="margin:30px 0px 0px 0px;width:400px;height:60px" useTooltip="false" background="{color:'rgba(0,0,0,0)'}"  data-dojo-type="Scripts/dojo-release-1.9.1/dojox/dgauges/components/black/HorizontalLinearGauge" value="20"></div></td>
    </tr>
</table>
</form>
</body>
 </html>

上面是我使用的代码，我搜索了很多例子，但没有得到任何结果，因为没有一篇文章给我详细的步骤教我如何使用dojox文件夹中的资源。资源我发现像： http://dojotoolkit.org/api/dojox/dgauges/CircularGauge http://dmandrioli.github.io/dgauges/dojox/dgauges/CircularGauge.html 如果熟悉这个，有人会帮助我吗？非常感谢你。

Answer 1

你只需要加载src中的dojo.js和它们为演示包含的src.js。单击http://demos.dojotoolkit.org/demos/gauges/demo.html的查看源并准确复制代码！

Dojo起初看起来像个野兽，但它是一个美丽的工具包，你会爱上它并欣赏它。给它点时间。我强烈建议你在跳到dguage和其他高级内容之前先说Hi to Dojo。

如何在DoJo中使用dojox工具？

1 个答案: