動態dojo textfield創建div與ajax？

當我使用welcome.jsp運行時，dojo動態地創建了一個文本框。但是當我在index.jsp中調用welcome.jsp時，它只顯示了div element.which並未在該div內創建文本字段.. .........請有人幫助我？聽到的是代碼。動態dojo textfield創建div與ajax？
      index.jsp 



<!DOCTYPE html> 
<%@page import="java.util.*" %> <%@page import="org.hibernate.*,org.hibernate.cfg.*,example.*" %> 
<html> 
<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.7/dojo/dojo.js" data-dojo-config="parseOnLoad: true, isDebug: true"></script> 

    <link rel="stylesheet" type="text/css" href="dojo-release-1.9.2-src/dijit/themes/claro/claro.css"> 
    <link rel="stylesheet" type="text/css" href="dojo-release-1.9.2-src/dojo/resources/dojo.css"> 
    <link rel="stylesheet" type="text/css" href="dojo-release-1.9.2-src/dijit/themes/tundra/tundra.css"> 
<script> 
require(["dojox/layout/ContentPane"]); 
function showCustomer(str) 
{ 
var xmlhttp;  
if (str=="") 
    { 
    document.getElementById("txtHint").innerHTML=""; 
    return; 
    } 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText; 
    } 
    } 
    alert("str is"+str); 
xmlhttp.open("GET","welcome.jsp",true); 
xmlhttp.send(); 
alert(4); 
} 
</script> 
</head> 
<body class="tundra"> 

<form action=""> 
<select name="customers" onchange="showCustomer(this.value)"> 
<option value="">Select a customer:</option> 


<option value="customer1">customer1</option>  

</select> 
</form> 
<br> 
<div data-dojo-type="dojox/layout/ContentPane" id="txtHint" data-dojo-props="href: '/welcome.jsp', executeScripts: true"> 
    Customer info will be listed here... 
</div> 

</body> 
</html> 

        welcome.jsp 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<%@page import="java.util.*" %> <%@page import="org.hibernate.*,org.hibernate.cfg.*,example.*" %> 
<html> 
<head> 
    <title>Dojo DnD test</title> 


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.7/dojo/dojo.js" data-dojo-config="parseOnLoad: true, isDebug: true"></script> 

    <link rel="stylesheet" type="text/css" href="dojo-release-1.9.2-src/dijit/themes/claro/claro.css"> 
    <link rel="stylesheet" type="text/css" href="dojo-release-1.9.2-src/dijit/themes/claro/document.css"> 
    <link rel="stylesheet" type="text/css" href="dojo-release-1.9.2-src/dijit/themes/claro/dijitTests.css"> 
    <body onload="vali();"> 
    </body> 
<script> 
dojo.require("dojo.dnd.Source"); 
dojo.require("dijit.form.TextBox"); 
dojo.require("dijit.form.Button"); 
require(["dojox/layout/ContentPane"]); 
var widgets = new Array(); 
var source; 
var c=new Array(); 


dojo.ready(function() { 




for (var i = 0; i < 5; i++) { 
    widgets.push(
    new dijit.form.TextBox({ 
     value: i, 
     class: 'dojoDndItem', 
    }).placeAt("source")); 
} 

source = new dojo.dnd.Source("source", { 
    copyOnly: false 
}); 
new dojo.dnd.Source("target"); 
}); 
setValue = function() { 
    widgets[0].attr("value", (new Date).getTime()); 
}; 

insertNew = function() { 
widgets.push(
    new dijit.form.TextBox({ 
     value: widgets.length, 
     class: 'dojoDndItem', 
    })); 

    source.insertNodes(true, [widgets[widgets.length-1].domNode]); 
}; 
</script> 

</head> 
<body class="claro"> 
<form name="form1"> 
    <div dojoType="dijit.form.Button" onClick="setValue"> 
    set value textbox 0 
</div> 
<div dojoType="dijit.form.Button" onClick="insertNew"> 
    insert new textbox 
</div> 
<table> 
<tr> 
<td> 
<div id="source" style="height: 200px; width: 200px; border: 1px solid red;"> 

</div> </td> 
<td><div id="target" style="height: 200px; width: 200px; border: 1px solid blue;"> 

</div></td></tr></table> 

</form> 
</body> 
</html>
來源
2014-02-07 user3282682
動態dojo textfield創建div與ajax？

回答

相關問題
