开发学院 WEB开发 ASP.NET 在WebForms和MVC中实现AutoComplete 阅读

在WebForms和MVC中实现AutoComplete

　2012-05-14 13:48:45　来源：WEB开发网　　　

核心提示： 注意，参数必须是prefixText和count，在WebForms和MVC中实现AutoComplete(3)，下面我们再看看如何在mvc中实现，这里需要使用jquery插件jquery.autocomplete.js

注意，参数必须是prefixText和count。

下面我们再看看如何在mvc中实现，这里需要使用jquery插件jquery.autocomplete.js。代码如下

jQuery("#courseName").autocomplete("/TaskScoreEnter/GetCourseByPym/", {  
       minChars: 0, //最小响应的字符数  
       max: 10, //返回数据的最大条数  
       autoFill: false,  
       delay: 400,  
       matchContains: true,  
       scrollHeight: 220,  
       dataType: 'json',  
       selectFirst: false,  
       parse: function (data) {  
           var rows = [];  
           if (data == null) {  
               return rows;  
           }  
           for (var i = 0; i < data.rows.length; i++) {  
               rows[rows.length] = {  
                   data: data.rows[i].name,  
                   value: data.rows[i].course_id,  
                   result: data.rows[i].name  
               };  
           }  
           return rows;  
       },  
       formatItem: function (row, i, max) {  
           return row;  
       },  
       formatMatch: function (row, i, max) {  
           return row;  
       },  
       formatResult: function (row) {  
           return row;  
       }  
   }).result(function (event, data, formatted) {  
       if (formatted == "") {  
           $("#courseName").val("");  
           $("#hfd_course_id").val("");  
           $("#courseName").focus();  
           alert("请准确选择", "提示信息");  
       }  
       else {  
           $("#hfd_course_id").val(formatted);  
       }  
   });