web前端自动补全autocomplete

来源：互联网发布：mysql dump 导出表编辑：程序博客网时间：2024/05/22 10:31

$('#subjectTitle').autocomplete({    serviceUrl: '/admin/activity/subject/listByName',            dataType: 'json',            width: $(this).attr('width'),//宽度            scrollHeight: 300,   //提示的高度，溢出显示滚动条            matchContains: true,    //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示            autoFill: false,   //自动填充            paramName: 'subjectTitle',           transformResult: function(response) {            return { suggestions:$.map(response.data, function(dataItem) {                return {value: dataItem.title, data: dataItem.activitySubjectId};            })};          },          onSelect: function (suggestion) {               $("#page").val(1);                 $("#subjectId").val(suggestion.data);                  $("#searchForm").submit();    }

获取新的 html

$.fn.extend({                getPageContent:function(page) {                var $this = $(this);                var _items =  $("#tagTotalCount").val();                     var _url = '/admin/common/page';                       $.ajax( {                           url     : _url,                           method  : 'get',                           data    : {                                                 page        : page,                                                 items   :_items                                               },                           success : function( rtn ){                                if( rtn!="" ){                                 $this.html( rtn);                               }                           },                           fail    : function( rtn ){                                tool.ui.addAndshowError( $('#bs-modal-addTag .modal-body') , '分页出错了！' );                           },                           error    : function( xhr, err ){                               tool.ui.addAndshowError( $('#bs-modal-addTag .modal-body') , xhr );                           }                       } );                 }           });

设个层 pageContent

$("#pageContent").getPageContent(page);

0 0