鼠标悬停时,Jquery UI多列自动完成下拉列表消失

时间:2013-02-11 09:58:58

标签: javascript jquery jquery-ui autocomplete

我使用jquery ui自动完成作为multi column autocomplete。代码如下:

 this.$('[data-sandbar="searchbox"]').mcautocomplete({
                showHeader: true,
                columns: [{
                    name: 'First Name',
                    width: '70px',
                    valueField: 'value'
                },
                       {
                           name: 'Last Name',
                           width: '70px',
                           valueField: 'LastName'
                       },
                       {
                           name: 'DOB',
                           width: '50px',
                           valueField: 'DOB'
                       }],


                select: function (event, ui) {
                    window.location.hash = ui.item.name;
                    return false;
                },
                minLength: -1,
                pageSize: 50,
                autoFocus: false,
                source: function (request, response) {

                    self.model.fetch({
                        data: {
                            searchText: text,
                            sortBy: '',
                            pageNum: 1,
                            pageSize: 50,
                            bHotList: false,
                            sortOrder: 'Desc',
                            patientId: 0,
                            include_entities: true
                        },

                        success: function (data) {
                            var availableTags = [];
                            $.each(data.attributes, function (val, patient) {

                                if (patient != "" && patient != null) {

                                    availableTags[val] = {
                                        name: "#patient/" + patient.PatientId,
                                        value: patient.FirstName,
                                        LastName: patient.LastName,
                                        DOB: patient.DOB

                                    };

                                }
                            });

                            response(availableTags);

                        },



                        error: function (e) {
                            console.log(e);

                        }
                    });
                }
            });

我面临的问题是当我将鼠标悬停在自动完成下拉列表上时,鼠标悬停将列表显示块更改为无。请帮忙......

1 个答案:

答案 0 :(得分:0)

可能是悬停事件是在自动完成多选组合上注册,导致更改为列表的显示属性。

感谢。