2012-05-07 2 views
0

ドラッグアンドドロップ機能をいくつか開発しようとしています。 まず、ドラッグするだけです。 私は「Dojo、Getting Started with Kyle Hayes」という本を読んでいるが、運がない。基本的な道場を稼働させても全く幸運を得ない

私の問題のいくつか:私は、最新の道場とGoogleのライブラリに接続すると

  1. 、何もまったく機能しません。
  2. Googleからの古いライブラリを呼び出す初期スクリプトにdjConfig="parseOnLoadを含めると、何も機能しません。 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> 

答えて

1

私はちょうどdojoType="dojo.dnd.Moveable"dojoType="dojo.dnd.move"から変更し、私はそれを周りにドラッグすることができます。それが役に立てば幸い。

関連する問題