0

我正在尝试开发一些拖放功能。首先，我只是想拖动东西。我正在读一本书“Dojo 入门，Kyle Hayes”，但没有运气。

我的一些问题：

  1. 当我连接到最新的 dojo 和 Google 的库时，什么都没有。
  2. 每当我djConfig="parseOnLoad在初始脚本中包含从 Google 调用旧库时，都没有任何效果。如果我取出djConfig="parseOnLoad，则页面开始工作。
  3. 如果我包含dojo.require("dojo.dnd.Target")，我将失去所有功能。
  4. 而且无论我做什么，我都无法拖动一个简单的 div。

我在下面包含了我的代码，并且真诚地感谢任何人在开始时可以给我的任何帮助。

<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"                                                                  djConfig="parseOnLoad: true"></script>

<script type="text/javascript">
        //dojo.require("dojo.parser");
        dojo.require("dojo.dnd.move"); 
        dojo.require("dojo.dnd.Source");
        //dojo.require("dojo.dnd.Target");
        dojo.require("dijit.form.Button");
        dojo.require("dijit.form.TextBox");
        document.write("I got this far");

    var init = function()
    {
        dojo.connect(
        dojo.byId('btnSayHello'),
        "onclick",
        this,
        helloButton_onClick
        );
    }


    var helloButton_onClick = function(event)
    {
        alert ('Hello World and hello ' + dojo.byId('txtName').value + '!');
    }

    dojo.addOnLoad(init);
</script>
</head>
<body>
<div id="dragMe" dojoType="dojo.dnd.move" style="border: 1 solid black; height: 300; width: 300;">
Source 1
</div>
<div id=Div1 dojoType="dojo.dnd.Target" style="border: 1 solid black; height: 300; width: 300;">
   Target
</div>
<div>
    <h1>Hello World Example</h1>
    <hr/>
    <label for="txtName">Your name:</label>
    <input id="txtName" type="text" dojoType="dijit.form.TextBox"/><br/>
    <button id="btnSayHello" dojoType="dijit.form.Button">Say Hello</button>
</body>
</html>
4

1 回答 1

1

我刚刚从dojoType="dojo.dnd.move"to改变了dojoType="dojo.dnd.Moveable"，我可以拖动它。希望能帮助到你。

于 2012-05-07T16:15:02.263 回答