如何在DoJo中使用dojox工具?

查理士

我正在学习道场。因此,我想通过如何在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熟悉此方法的人可以帮我吗?非常感谢你。

高拉夫·拉曼南(Gaurav Ramanan)

您只需要在演示中包含的src和src.js中加载dojo.js。单击http://demos.dojotoolkit.org/demos/gauges/demo.html的查看源代码,然后精确复制代码!

一开始,Dojo看起来像是一头野兽,但是它是一个美丽的工具包,您会爱上它并欣赏它。给它时间。我强烈建议您在跳转到语言和其他高级内容之前对道场打个招呼。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在jenkins蚂蚁构建工具中使用Java选项设置ANT_OPTS

如何在通过自动工具构建的项目中使用Google Test?

如何在NTVS中使用nodemon(Visual Studio的节点工具)

如何在工具提示模板中使用剑道图表数据?

如何在React中使用引导工具提示?

如何在Bazel v0.19 +中使用JAR工具?

如何在Dojo Toolkit中使用按钮定义工具栏的Widget类?

如何在塔中使用Visual Studio作为合并工具

如何在我的Keras模型中使用google提供的What If工具(WIT)?

如何在Laravel模型中使用多个工具

如何在开发工具查询中使用“或”

如何在Vividus工具中使用元标记过滤?

如何在dojo层中使用require({cache:{?

如何在Dojo中使用Django for template标签?

我如何在git bash中使用zf工具

如何在Dojox Searchbox上使用dojo On?

在javascript dojo工具箱功能中使用此关键字

将Dojo TabContainer与Dojox.mvc一起使用

在Dojo> = 1.7(AMD)中使用dojox Uploader

如何在Python WTForms库中使用Bootstrap工具提示?

如何在LXDE中使用某些GUI工具旋转显示?

如何在WinRT XAML工具包中使用StackedAreaSeries

LeanFT如何在敏捷工具包中使用?

如何在Bootstrap工具提示中使用MathJax?

您如何在 netcoreapp 中使用 `dotnet ef ...` 工具?

如何在java脚本的工具栏中使用if条件

如何在非root用户的cronjob中使用秘密工具?

如何在 Notes 客户端中使用带有 XML 的 Dojo 数据网格

如何在 xamarin 表单中使用 proguard 优化器工具