5

下面是一个填充了用户数据的过滤选择示例。我的目标是对显示的值执行通配符匹配。例如，如果用户键入“son”，则下拉匹配将是“homer simpSON”和“carl calSON”。默认情况下，匹配只会在标签的开头。

我尝试更改 dijit.byId('userselect').searchAttr，但将其设置为字符串以外的任何内容都会导致错误行为。

<input id="userselect">

<script type="text/javascript">
    dojo.require("dijit.form.FilteringSelect");
    dojo.require("dojo.data.ItemFileReadStore");

    var user_data = {
        "itentifier":"user_id",
        "label":"label",
        "items":[
            {"first_name":"Waylon","last_name":"Smithers","label":"Waylon Smithers","user_id":7}
            ,{"first_name":"Carl","last_name":"Carlson","label":"Carl Carlson","user_id":6}
            ,{"first_name":"Homer","last_name":"Simpson","label":"Homer Simpson","user_id":4}
            ,{"first_name":"Lenny","last_name":"Leonard","label":"Lenny Leonard","user_id":5}
            ,{"first_name":"Montgomery","last_name":"Burns","label":"Montgomery Burns","user_id":8}
            ]
        };

    dojo.addOnLoad(function() {
        var userStore = new dojo.data.ItemFileReadStore({
            //url: "/user/lookup",
            data: user_data
        });
        var filteringSelect = new dijit.form.FilteringSelect({
            id: "userselect",
            name: "userselect",
            store: userStore,
            searchAttr: 'label' //["first_name", "last_name", "oasis"]
        },
        "userselect");
    });
</script>
4

2 回答 2

5

您需要设置queryExpr并设置autoComplete为false

var filteringSelect = new dijit.form.FilteringSelect({
  id: "userselect",
  name: "userselect",
  store: userStore,
  searchAttr: 'label',
  queryExpr: '*${0}*',
  autoComplete: false
},"userselect");

Dojo 文档queryExpr：

这根据用户键入的内容指定将什么查询发送到数据存储。更改此表达式将修改结果是否仅是完全匹配、“开始于”匹配等 dojo.data 查询表达式模式。${0} 将替换用户文本。* 用于通配符。

${0}*意味着“开始于”
*${0}*意味着“包含”
${0}意味着“是”

于 2013-05-31T15:54:24.803 回答
0

看看queryExpr

于 2010-05-10T18:54:18.843 回答