2017-04-23 36 views
2

我有Combobox dijit/form/ComboBox,我希望当用户开始输入组合框时显示包含字母的结果。如何使用queryExpr for dijit/form/ComboBox

对于实施例COMBOX具有此值

  • 内布拉斯加
  • 南达科他
  • 特拉华

当用户输入 “d” 结果应该是

  • 南达科他州
  • 特拉华

回答

1

简单的只是用户queryExpr: "*${0}*"搜索如果组合选择项目包含的搜索关键字。

波纹管使用这最后一个完整的示例:

require([ 
 
    "dojo/store/Memory", "dijit/form/ComboBox", "dojo/domReady!" 
 
], function(Memory, ComboBox){ 
 
    var stateStore = new Memory({ 
 
     data: [ 
 
      {name:"", id:""}, 
 
      {name:"Nebraska", id:"NE"}, 
 
      {name:"South Dakota", id:"SD"}, 
 
      {name:"Delaware", id:"DE"}, 
 
      {name:"Test1", id:"T1"}, 
 
      {name:"Test2", id:"T2"}, 
 
      {name:"Test3", id:"T3"} 
 
     ] 
 
    }); 
 

 
    var ComboBox = new ComboBox({ 
 
     id: "filteringCombo", 
 
     store: stateStore, 
 
     queryExpr: "*${0}*", 
 
     searchAttr: "name" 
 
    }, "filterCombo").startup(); 
 
});
<script type="text/javascript"> 
 
    dojoConfig = {isDebug: true, async: true, parseOnLoad: true} 
 
</script> 
 

 
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script> 
 
<link href="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" rel="stylesheet"/> 
 
<body class="claro"> 
 
    <div id="filterCombo"></div> 
 
</body>

+0

嘿@mostafa这是否帮助:)? –

+0

+1 :),如果这对你有帮助,请将答案标记为已解决✓(留下答案)(如在本图中=> [图像解析帖子](http://i.stack.imgur.com/T8umg。 PNG))谢谢:) –

+0

我这样做之前,你告诉我,再次谢谢。 – mostafa