gridSelect中选择下拉框数据后，无法回显

wqztmx4

                // 动态创建gridSelect
                var option = {
                        xid : 'dGridSelect',
                        optionCfg : {
                                data : 'codeData',
                                value : 'cInvCode',
                                columns : [ {
                                        name : 'cInvCode',
                                        align : 'right'
                                } ]
                        },
                        //'bind-label':"codeMainData.ref('sID')",
                        //'bind-value':"codeMainData.ref('cInvCode')",
                        'bind-ref': "codeMainData.ref('cInvCode')",
                        //'bind-labelref':"codeMainData.ref('cInvCode')",
                        inputFilterable : true,
                        multiselect : false,
                        onFilterInputChange : function(evt) {
                                var inputFilterValue = evt.inputFilterValue;
                                var len;
                                var inputString = inputFilterValue.toString();
                                if(inputString.length > 4) {
                                        debugger;
                                        // 请求产品编码信息,并调用onShowOption方法。
                                        $.ajax({
                                                type : "POST",
                                                url : "http://www.xhclgf.com:6670/MesWebService/WebService.asmx/GetDataInfo",
                                                dataType : 'xml',
                                                async : true,// 使用同步方式，目前data组件有同步依赖
                                                cache : false,
                                                data : "sql=select distinct cInvCode  from  Inventory where cInvCode like '%"+inputString+"%' &connFlag=Third",
                                                success : function(data) {
                                                        len = data.getElementsByTagName("string").length;
                                                        if(len<15){       //因为要去掉列数和列名两行
                                                                var jsonData = xml2Json(data.getElementsByTagName("string"));
                                                                var jsonObject = JSON.parse(jsonData, true);
                                                                me.comp('codeData').newData({defaultValues : jsonObject});
                                                                me.comp('codeData').refreshData();
                                                         }
                                                        // mainData.loadData(JSON.parse(jsonData,// true));//将返回的数据加载到data组件
                                                        // newData方法需要加载的是json对象，大多数时候都是加载json对象
                                                },
                                                error : function() {
                                                        throw justep.Error.create("加载数据失败");
                                                }
                                        });

                                }
                                if(inputString.length < 4){
                                        me.comp('codeData').deleteAllData();
                                }
                        },
                        onShowOption : function(evt) {
                       
                                //var inputFilterValue = evt.inputFilterValue;// 获取到输入框中输入的值
                                /*var data = this.comp("codeData");
                                        //data.setFilter("gridSelectFilter", "codeData.cInvCode like '%" + inputFilterValue + "%'");// 给data设置filter，过滤需要的数据
//                                        data.refreshData();
//                                        var rows = [];
                                        data.each(function(param) {
                                                rows.push(param.row);// 遍历过滤后的数据，把数据给一个数组变量
                                        });
                                        evt.datas = rows;// 把数组变量的值赋值给event中的datas（数据行数组）
*/               
                        },
                        parentNode : this.getElementByXid("labelEdit6")
                };
                dGridSelect = new GridSelect(option);
                // 如果没有指定parentNode参数需要调用this.addComponent把组件加入界面
                // this.addComponent(this.comp('controlGroup2').domNode,dGridSelect);

        }

C:\Users\Administrator\Desktop\QQ截图20170629113358.png

wqztmx4

界面是这样的

fanlingli

1）F12跟踪一下代码，找一下原因2)看api文档中gridSelect的使用方法

wqztmx4

fanlingli 发表于 2017-6-29 11:40
1）F12跟踪一下代码，找一下原因2)看api文档中gridSelect的使用方法

麻烦问下，如何用gridselect加载通过ajax向WebService实现模糊查询后返回的结果。。。

liangyongfei

wqztmx4 发表于 2017-6-29 14:17
麻烦问下，如何用gridselect加载通过ajax向WebService实现模糊查询后返回的结果。。。 ...

先吧WebService 访问的数据加载到data组件中！

http://docs.wex5.com/wex5-ui-question-list-2032/

gridselect 绑定data组件显示数据

wqztmx4

解决了，采用了jQuery的autocomplete，和ajax，谢谢版主，可以结贴了