文本输入框自动补全，智能提示

tiger0425

客户要求在文本输入框中输入内容后，能够智能提示补全，先看看效果

实现的方法是利用bootstrap中的typeahead可以实现智能提示补全
首先要在JS中引入
                //引入bootstrap
        require("css!$UI/system/components/bootstrap/lib/css/bootstrap").load();
        require("$UI/system/components/bootstrap/lib/js/bootstrap");
       
        //引入typeahead
        require("../js/bootstrap3-typeahead");  //bootstrap3-typeahead这个要在网上去下载



代码是这样写的
        Model.prototype.modelLoad = function(event){
                //初始化 typeahead
                this.initTypeahead();
        };
       
        Model.prototype.initTypeahead = function(){
                var self = this;
                //var localArrayData = ['beijing', 'shanghai', 'guangzhou', 'sz', 'hangzhou', 'ningbo'];
                $('.typeahead').typeahead({
               
                        source:  function (query, process) {
                    //query是输入的值
//                    $.post("@Url.Action("GetNames")", { name: query }, function (e) {
//                        if (e.success) {
//                            if (e.data.length == 0) { alert("没有查到对应的人"); return; }
//                            var array = [];
//                            $.each(e.data, function (index, ele) {
//                                name2Id[ele.name] = ele.id;//键值对保存下来。
//                                array.push(ele.name);
//                            });
//                            process(array);
//                        }
                   // });
                   var array = [];
                   var params = new biz.Request.ActionParam();
                   var mapParam = new biz.Request.MapParam();
                   mapParam.put("MLHH", query);
                   params.setMap("variables", mapParam);
                  biz.Request.sendBizRequest({
                                                "context" : self.getContext(),
                                                "action": "queryMaxMLHHAction", //这是BIZ 中写的查询action ,返回提示的值
                                                "parameters" : params,
                                                "callback": function(data) {
                                                        data.ignoreError = false;
                                                        if (data.state) {
                                                                //alert(data.response);
                                                                // 输出返回结果
                                                                //TextOut.setText(result, data.response);
                                                                if(data.response === undefined){
                                                                        array.push(query);//当没有返回值是这里最好要有值，否则会有错误提示
                                                                }else{
                                                                        array.push(data.response); //因为我只是取最大值，所以返回的是一个字符串，如果返回的是表或多个字段， 这里就要自己写代码
                                                                }
                                                                       
                                                               
                                                               
                                                        }else{
                                                                //justep.Util.hint("返回简单值为空");
                                                                array.push(query);
                                                }
                                                }
                                        });

                    process(array);

                }, //数据源
                       
                       
                        items: 8, //最多显示个数
                        updater: function (item) {
                                self.comp('mainData').setValue('fMLHH',item);
                               
                                return item; //这里一定要return，否则选中不显示，外加调用display的时候null reference错误。
                        },
               
                        afterSelect: function (item) {
                        //选择项之后的事件 ，item是当前选中的。
                                //self.comp('mainData').setValue('fMLHH',item);
                        },
                        minLength: 3,  //输入3个字符后才开发查询
                        delay: 500 //延迟时间       
               
               
                });
               
               
       
       
        };

luzhongfu

12222

WeGood

Good

假如

加油加油

fcci

ckl1227

我这边出现了问题，引入那个js， 出错了。