Jquery easyui从零单排之datagrid查询

这里开始学习datagrid查询功能的实现。

一、前台代码：

    
    
    
    
    
    
    


    

    

        

            

                

                
                

                    LoginID
                
            
        
        

            

                

                    UserName
                
                

                    Sex
                
                

                    Department
                
                

                    Age
                
                

                    操作
                
                

                    删除
                
            
        
    
    

        UserName:
        
        LoginID:
        
        Search
    
    
    

    
    
    
    

查询的关键代码在这里：

function doSearch()
        {
            $("#test").val("search");
            $('#dg').datagrid('reload', {
                test: $('#test').val(),
                username: $('#username').val(),
                loginid: $('#loginid').val()
            });
        }

        这里向处理页面传值，test是一个标识（表示该操作是查询，还是其他操作，比如删除，编辑等），，username是username文本框中的值，loginid是loginid文本框中的值，后两个值供查询函数使用。

        $('#dg').datagrid('reload'的作用是获取查询后的数据后，重新加载。

二、处理代码：

<%@ WebHandler Language="C#" Class="Handler" %>

using System;
using System.Web;
using System.Data;
using System.Data.SqlClient;
using System.IO;
using System.Collections.Generic;
using System.Text.RegularExpressions;
using Newtonsoft.Json;
using System.Text;

public class Handler : IHttpHandler {

    public void ProcessRequest(HttpContext context)
    {
        string test = context.Request.QueryString["test"];//前台传的标示值    
        string username = context.Request.QueryString["username"];//前台传的查询值   
        string loginid = context.Request.QueryString["loginid"];//前台传的查询值 

        string sort = !string.IsNullOrEmpty(context.Request.QueryString["sort"])?context.Request.QueryString["sort"]:"LoginID"; 
        string order = !string.IsNullOrEmpty(context.Request.QueryString["order"])?context.Request.QueryString["order"]:"asc";
        if (string.IsNullOrEmpty(test))
        {
            Query(context,sort,order);
        }
        else if (test == "search")
        {
            SearchData(context, username, loginid);
        }
    }
    public void Query(HttpContext context,string sort,string order)
    {
        context.Response.ContentType = "text/plain";
        SqlHelp sqla = new SqlHelp();
        string stra = "select * from tTestTable order by "+sort+" "+order;
        
        DataTable dta = sqla.GetDataTable(stra);
        sqla.SqlClose();

        string json = JsonConvert.SerializeObject(dta);

        context.Response.Write(json);

    }
    public void SearchData(HttpContext context, string username, string loginid)
    {
        context.Response.ContentType = "text/plain";

        SqlHelp sqlb = new SqlHelp();
        string strb = "select * from tTestTable where 1=1";
        if (!string.IsNullOrEmpty(username))
        {
            strb += " and " + "UserName" + " like '%" + username + "%'";
        }
        if (!string.IsNullOrEmpty(loginid))
        {
            strb += " and " + "LoginID" + " like '%" + loginid + "%'";
        }
        strb += " order by LoginID desc";
        DataTable dtb = sqlb.GetDataTable(strb);
        sqlb.SqlClose();

        string jsonb = JsonConvert.SerializeObject(dtb);

        context.Response.Write(jsonb);

    }
    public bool IsReusable
    {
        get
        {
            return false;
        }
    }

}

        程序在这里先判断string test = context.Request.QueryString["test"]这个，若是查询的话，test在这里肯定等于search，那就执行SearchData(context, username, loginid)这个查询函数，然后返回Json数据。

三、运行结果截图：