Как использовать инструменты Dojox в DoJo?

Сейчас я изучаю додзё. Поэтому я хочу создать свою первую демонстрацию, как использовать датчики в Dojo. Я скачал zip-пакет и создал веб-проект asp.net. затем все ресурсы из пакета 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 Кто-нибудь мне поможет, если познакомится с этим? Большое спасибо.

Источник

1 ответ

Решение

Вам нужно только загрузить dojo.js в src и src.js, которые они включили для демонстрации. Нажмите на View Source http://demos.dojotoolkit.org/demos/gauges/demo.html и точно скопируйте код!

Поначалу додзё может показаться зверем, но это прекрасный инструментарий, который вы полюбите и оцените. Это займет время. Я настоятельно рекомендую вам сказать " Привет Додзё", прежде чем переходить на dguage и другие продвинутые вещи.

Источник
Другие вопросы по тегам