dojo篩選選擇不工作正確

我想使用下面的代碼來實現dojo篩選選擇，但得到奇怪的顯示沒有錯誤。dojo篩選選擇不工作正確

我剛剛更換源js文件，由於其功能是工作，但問題仍然存在

http://o.aolcdn.com/dojo/1.2.3/dojo/dojo.xd.js

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Simple FilterSelect Example</title> 
    <style type="text/css"> 
    @import "../dijit/themes/soria/soria.css"; 
    @import "/resources/dojo.css"; 
    </style> 
    <script type="text/javascript" src="http://o.aolcdn.com/dojo/1.2.3/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script> 
    <script type="text/javascript"> 
dojo.require("dojo.parser"); 
dojo.require("dijit.form.FilteringSelect"); 
</script> 
</head> 
<body class="soria"> 
    <select dojoType="dijit.form.FilteringSelect" name="countryName" autocomplete="true" 
    value="sel"> 
    <option value="sel" selected="selected">Austria</option> 
    <option value="1" >Australia</option> 
    <option value="2" >Canada</option> 
    <option value="3" >Germany</option> 
    <option value="4" >Japan</option> 
    <option value="5" >United Kingdom</option> 
    <option value="6" >United States of America</option> 
    <option value="7" >Afghanistan</option> 
    <option value="8" >Albania</option> 
    <option value="9" >Algeria</option> 
    <option value="10" >American Samoa</option> 
    <option value="11" >Andorra</option> 
    <option value="12" >Angola</option> 
    </select> 
</body> 
</html>

來源

2012-03-20 user1280838

這應該工作，但是我懷疑你的樣式表沒有加載。從谷歌的CDN試試這個：

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Simple FilterSelect Example</title> 
    <style type="text/css"> 
    @import "http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dijit/themes/soria/soria.css"; 
    @import "http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dojo/resources/dojo.css"; 
    </style> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script> 
    <script type="text/javascript"> 
dojo.require("dojo.parser"); 
dojo.require("dijit.form.FilteringSelect"); 
</script> 
</head> 
<body class="soria"> 

<div style="padding:2em"><!-- for visibility --> 

    <select dojoType="dijit.form.FilteringSelect" name="countryName" autocomplete="false" 
    value="sel" queryExpr="*${0}*"> 
    <option value="sel" selected="selected">Austria</option> 
    <option value="1" >Australia</option> 
    <option value="2" >Canada</option> 
    <option value="3" >Germany</option> 
    <option value="4" >Japan</option> 
    <option value="5" >United Kingdom</option> 
    <option value="6" >United States of America</option> 
    <option value="7" >Afghanistan</option> 
    <option value="8" >Albania</option> 
    <option value="9" >Algeria</option> 
    <option value="10" >American Samoa</option> 
    <option value="11" >Andorra</option> 
    <option value="12" >Angola</option> 
    </select> 

</div> 

</body> 
</html>

另外，我建議來調整FilteringSelect來有autocomplete="false"和queryExpr="*${0}*"

來源

2012-03-20 13:35:06 pp19dd

是的，它可能是CSS /樣式問題 - 請在Firebug Net標籤以確保沒有404s

我也只是用你的標記創建了一個jsfiddle，它似乎在流行的瀏覽器中工作得很好。結賬：

http://jsfiddle.net/jA4KX/

你可以改變小提琴，以配合您的道場版本，並用它玩

心連心

來源

2012-03-20 19:20:08

dojo篩選選擇不工作正確

回答

相關問題