dojo筛选选择未正常工作_Dojo_Filtering

dojo筛选选择未正常工作

dojo

dojo筛选选择未正常工作,dojo,filtering,Dojo,Filtering,我试图使用以下代码来实现dojo筛选选择，但得到的是没有错误的奇怪显示我刚刚替换了源js文件，由于该功能正在工作，但问题仍然存在简单过滤器选择示例 @导入“./dijit/themes/soria/soria.css”； @导入“/resources/dojo.css”； require（“dojo.parser”）； require（“dijit.form.FilteringSelect”）；奥地利澳大利亚加拿大德国日本大不列颠联合王国美利坚合众国阿富汗阿尔巴尼亚阿

我试图使用以下代码来实现dojo筛选选择，但得到的是没有错误的奇怪显示

我刚刚替换了源js文件，由于该功能正在工作，但问题仍然存在


简单过滤器选择示例
@导入“./dijit/themes/soria/soria.css”；
@导入“/resources/dojo.css”；
require（“dojo.parser”）；
require（“dijit.form.FilteringSelect”）；
奥地利
澳大利亚
加拿大
德国
日本
大不列颠联合王国
美利坚合众国
阿富汗
阿尔巴尼亚
阿尔及利亚
美属萨摩亚
安道尔
安哥拉

应该可以，但是我怀疑您的样式表没有加载。从谷歌的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>


简单过滤器选择示例
@进口”http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dijit/themes/soria/soria.css";
@进口”http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dojo/resources/dojo.css";
require（“dojo.parser”）；
require（“dijit.form.FilteringSelect”）；
奥地利
澳大利亚
加拿大
德国
日本
大不列颠联合王国
美利坚合众国
阿富汗
阿尔巴尼亚
阿尔及利亚
美属萨摩亚
安道尔
安哥拉

另外，我建议调整过滤器选择

autocomplete=“false”

和

queryExpr=“*${0}*”

是的，可能是CSS/样式问题- 请检查firebug中的“网络”选项卡以确保没有404

另外，我刚刚用您的标记创建了一个JSFIDLE，它似乎在流行浏览器中运行得很好。结帐：

您可以更改小提琴以匹配您的dojo版本并使用它

嗯

<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>