• JQuery+Asp.net+Webservice组成的Autocomplete示例


    毛坯版:

    代码
    function reload() { Sys.WebForms.PageRequestManager.getInstance().add_endRequest(InitPage); }
     
    function InitPage() {
                
    var json = getJson();
                
    var data = eval('(' + json + ')');
                $(
    '#<%= txtAudit.ClientID %>').autocomplete(data, {
                     
    150,
                    max: 
    50,
                    minChars: 
    1,
                    cacheLength: 
    20,
                    delay: 
    150,
                    matchContains: 
    true,
                    autoFill: 
    false,
                    scrollHeight: 
    300,
                    formatItem: 
    function(row, i, max) {
                        
    return row.Name;
                    },
                    
    //                formatMatch: function(row, i, max) {
                    //                    var txt = .val();
                    //                    return itemCheck(row, txt);
                    //                },
                    formatResult: function(row) {
                        
    return row.EmployeeName;
                    }
                }).result(
    function(event, item) {
                    
    var AuditID = $('#<%= hAuditID.ClientID %>');
                    AuditID.val(item.ID);
                });
                data 
    = null;
            }
                
    function getJson() {
                    
    var res;
                    $.ajax({
                        async: 
    false,
                        type: 
    "POST",   //访问WebService使用Post方式请求
                        contentType: "application/json"//WebService 会返回Json类型
                        url: "../WebService/WebService.asmx/GetEmployeeList"//调用WebService的地址和方法名称组合 ---- WsURL/方法名
                        data: "{}",       //这里是要传递的参数,格式为 data: "{paraName:paraValue}",下面将会看到      
                        dataType: 'json',
                        success: 
    function(result) {
                            res 
    = result.d;
                        },
                        error: 
    function(result, status) { //如果没有上面的捕获出错会执行这里的回调函数
                            if (status == 'error') {
                                alert(
    "error:" + result);
                            }
                        }
                    });
                    
    return res;
                }
                $().ready(
    function() {
                    reload(); 
                    InitPage();
                });

    待完善后,再形成新版,暂且记下。

    文章出处:www.cnblogs.com/jizhong

    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。否则保留追究法律责任的权利。

  • 相关阅读:
    钓鱼
    Webpack3.x升级至 4.x 小记
    设计模式六大原则(总结)
    Spring Data RedisTemplate抛出SerializationException
    pcap文件过滤、分割、合并处理工具
    如何查看Linux服务器的负载
    java8 List按照两个属性第一个属性升序排序第二个属性降序排序
    什么是云原生
    vuecli创建vue3项目
    nfs 问题汇总
  • 原文地址:https://www.cnblogs.com/jizhong/p/1874629.html
Copyright © 2020-2023  润新知