DOJO按钮示例[关闭]

Posted

技术标签:

【中文标题】DOJO按钮示例[关闭]【英文标题】:DOJO button example [closed] 【发布时间】:2013-10-25 05:58:05 【问题描述】:

你好我是初学者学习DOJO ...我尝试了以下代码,但是当我按下hello world按钮时没有显示警告框,请查找错误

 <html>
<head>
<title>Button</title>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js">
dojo.require("dojo.event.*");
dojo.require("dojo.widget.*");
dojo.require("dojo.widget.Button");
function hp()

alert("pressed");

function init()

var hellobutton=dojo.widgetById('helloButton');

dojo.event.connect(hellobutton,'onClick','hp');
dojo.addOnLoad(init);
</script>
</head>
<body bgcolor="#FFFFCC">
<p align="center"><font size="6" color="#800000">Welcome to Dojo Project</font></p>
<button dojoType="Button" widgetId="helloButton" onClick="hp();">HelloWorld!</Button>
<br>
</body>
</html>

【问题讨论】:

【参考方案1】:

我认为问题在于您的 javascript 没有打开脚本标签。如果你这样做,你的代码就可以正常工作。

这是一个小提琴:http://jsfiddle.net/KWWfP/

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js"></script>

<script>
dojo.require("dojo.event.*");
dojo.require("dojo.widget.*");
dojo.require("dojo.widget.Button");

function hp()
    alert("pressed");


function init()
    var hellobutton=dojo.widgetById('helloButton');
 

dojo.event.connect(hellobutton,'onClick','hp');
dojo.addOnLoad(init);
</script>
</head>

<body bgcolor="#FFFFCC">
    <p align="center"><font size="6" color="#800000">Welcome to Dojo Project</font></p>
    <button dojoType="Button" widgetId="helloButton" onClick="hp();">HelloWorld!
    </button>
<br>
</body>

您应该看看如何打开和结束标签 - 以小写开头的按钮标签并以大写结尾是不合适的。

 <button></Button>

问候,米里亚姆

【讨论】:

非常感谢它的工作 没问题 - 有关 dojo 的更多信息和教程,请查看:dojotoolkit.org/reference-guide/1.9

以上是关于DOJO按钮示例[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

使用 dojo 工具包启用/禁用按钮

如何将自定义图像添加到按钮 (dojo 1.7)

如何将自定义图像添加到按钮(dojo 1.7)

带有确认按钮的 Dojo 对话框,以小部件作为内容

如何在 post create dojo AMD 模块中调用按钮单击事件

如何在dojo Modaldialog中单击关闭按钮来捕获事件?