Dojo：爲什麼會生成額外的文本框？

enter image description here

<html> 
    <title>Dojo Example</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js" 
    djConfig="parseOnLoad: true"> 
    </script> 
    <script type="text/javascript"> 
    dojo.require("dojo.parser"); 
    dojo.require("dijit.form.ValidationTextBox") 
    </script> 
    <label for="firstName"> First Name: </label> 
    <input type="text" id="firstName" 
    dojoType="dijit.form.ValidationTextBox" 
    promptMessage="Enter first name:" 
    invalidMessage="First Name is required" 
    /> 
</html>

產生與文字「X」一個額外的文本框在其上這樣的結果。我不知道如何解決它，爲什麼會發生這種情況。任何人都可以幫忙

來源

2011-10-05 Kit Ho

你能在不同瀏覽器重現呢？ –

@Pekka：是的，這很奇怪 –

除了包含要使用的主題的CSS樣式表之外，還需要將有效的dijit主題添加到html文檔的主體標記。

例如：

<html> 
    <head>  
     <title>Dojo Example</title> 
     <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"> 
     <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js" 
      djConfig="parseOnLoad: true"> 
     </script> 
     <script type="text/javascript"> 
      dojo.require("dojo.parser"); 
      dojo.require("dijit.form.ValidationTextBox") 
     </script> 
    </head> 
    <body class="claro"> 
     <label for="firstName"> First Name: </label> 
     <input type="text" id="firstName" 
      dojoType="dijit.form.ValidationTextBox" 
      promptMessage="Enter first name:" 
      invalidMessage="First Name is required" 
     /> 
    </body> 
</html>

來源

2011-10-05 20:03:11 BuffaloBuffalo

css會影響最終結果嗎？那個奇怪的...... –

所有的dijit項目組件都依賴於一些決定它的外觀。 CSS還處理一些隱藏/顯示構成一個dijit.form.ValidationTextBox的多個html元素 – BuffaloBuffalo

Dojo：爲什麼會生成額外的文本框？

回答

相關問題