dijit/form/FilteringSelect 的使用记录

项目中需要用到二级联动的下拉框，第一级下拉框是同步加载的，第二级是根据第一级的选择项js动态生成。花了不少的时间调试，把它记录下来，给自己和开发中要用到的大家一点参考。先上效果图：

上代码：
dept.jsp

<s:select data-dojo-type="dijit/form/FilteringSelect" name="firstDeptCode" 
onchange="dept.select(this.value, null)" list="#request.firstDeptViews"                             
listKey="deptId" listValue="name"></s:select>

<input data-dojo-type="dijit/form/FilteringSelect" id="form_deptCode" name="deptCode"/>

dept.js

/**
* url:将上一级部门的ID作为参数，获取到二级部门list：secondDeptViews
*/

dept.select = function (deptId, deptCode) {
        var secondDeptSelect = dijit.registry.byId("form_deptCode");
        request.post(url,{
            handleAs : "json",
            data : {
                deptId: deptId
            },
            preventCache : true
        }).then(function(data) {
            var secondDeptViewsData = data.secondDeptViews;
            secondDeptSelect.store = new dojo.store.Memory({
                idProperty: "code",
                data : secondDeptViewsData
            });
            // 新建或修改或查询时，设置二级部门值
            if (parent != "" && parent > 0){
                // 如果是新建或查询,设置列表第一个值
                if (deptCode == null){
                    secondDeptSelect.set("value", secondDeptViewsData[0].code);
                }
                // 如果是修改，将原code设值
                else {
                    secondDeptSelect.set("value", deptCode);
                }
            }
        }, function(error) {
            util.msgDlg(error);
        });
    };

说明：dijit/form/FilteringSelect中的list可以是list也可以是map：
map是需要自己将key和value自己拼装，麻烦点，但是看起来会明白点，最后没用map的原因是在后面修改时，name中值无法回写，可能是自己哪里没配好，导致找了很长时间也没找出原因。s:select 中的listKey listValue分别就是map中的key和value；
list的列表中的是dept的javabean，包含”deptId” 、”name”等字段信息，配置如dept.jsp所示。

才疏学浅，写得不对的地方欢迎点评，私信。

也可关注我的微信公众号『TyronToCoder』，一起交流学习。