Dojo Filtering Select не работает должным образом - PullRequest
Новая
       25

Dojo Filtering Select не работает должным образом

0 голосов
/ 20 марта 2012

Я пытаюсь использовать следующий код для реализации Dojo Filtering Select, но получаю странное отображение без ошибок.

Я только что заменил исходный файл 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>

Ответы [ 2 ]

0 голосов
/ 20 марта 2012

Да, это может быть проблема CSS / стилей - пожалуйста, проверьте вкладку Net в Firebug, чтобы убедиться, что нет 404s

, также я только что создал jsfiddle с вашей разметкой, и он, кажется, работает довольно хорошо в популярныхбраузеры.оформить заказ:

http://jsfiddle.net/jA4KX/

Вы можете изменить скрипку в соответствии с версией додзё и играть с ней

hth

0 голосов
/ 20 марта 2012

Это должно сработать, однако я подозреваю, что ваши таблицы стилей не загружаются. Попробуйте это из CDN Google: 

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

Кроме того, я бы рекомендовал настроить выбор фильтра, чтобы иметь autocomplete="false" и queryExpr="*${0}*"

...