zoukankan      html  css  js  c++  java
  • 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

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

  • 相关阅读:
    hdu5754_找规律+威佐夫博弈
    codeforce645C_尺取法
    hdu4336_容斥dp
    poj3071_概率dp
    codeforces148D_推论题
    poj2151_概率dp
    hdu3853_概率dp
    POJ 1410 判断线段与矩形交点或在矩形内
    POJ 1066 Treasure Hunt 线段相交判断
    POJ 2653 Pick-up sticks 判断线段相交
  • 原文地址:https://www.cnblogs.com/jizhong/p/1874629.html
Copyright © 2011-2022 走看看