تعداد نمایش و جست و جو GridView با jQuery

نویسنده :

نحوه استفاده از jQuery DataTable برای نمایش داده ها از بانک اطلاعات در ASP.Net با C #  داده جی کوئری DataTable داده های SQL Server Database را با استفاده از jQuery AJAX و WebMethod در ASP.Net با C # و VB.Net نمایش می دهد

نحوه استفاده از jQuery DataTable برای نمایش داده ها از بانک اطلاعات در ASP.Net با C # 

داده جی کوئری DataTable داده های SQL Server Database را با استفاده از jQuery AJAX و WebMethod در ASP.Net با C # و VB.Net نمایش می دهد

در این مقاله یک آموزش ساده را با یک مثال ، نحوه استفاده از jQuery DataTable برای نمایش داده ها از Database در ASP.Net با C # و VB.Net توضیح می دهم.
داده جی کوئری DataTable داده های SQL Server Database را با استفاده از jQuery AJAX و WebMethod در ASP.Net با C # و VB.Net نمایش می دهد

 شامل یک ASP.Net GridView با چهار ستون BoundField است.

Namespaces

c#

using System.Data;
using System.Data.SqlClient;
using System.Configuration;
using System.Web.Services;

VB.net

Imports System.Data
Imports System.Data.SqlClient
Imports System.Configuration
ImportsSystem.Web.Services

کد زیر را در page_load خود وارد کنید 

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dummy = new DataTable();
        dummy.Columns.Add("CustomerID");
        dummy.Columns.Add("ContactName");
        dummy.Columns.Add("City");
        dummy.Columns.Add("Country");
        dummy.Rows.Add();
        gvCustomers.DataSource = dummy;
        gvCustomers.DataBind();
 
        //Required for jQuery DataTables to work.
        gvCustomers.UseAccessibleHeader = true;
        gvCustomers.HeaderRow.TableSection = TableRowSection.TableHeader;
//amertejarat.com
    }
}

vb.net

Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
    If Not Me.IsPostBack Then
        Dim dummy As DataTable = New DataTable()
        dummy.Columns.Add("CustomerID")
        dummy.Columns.Add("ContactName")
        dummy.Columns.Add("City")
        dummy.Columns.Add("Country")
        dummy.Rows.Add()
        gvCustomers.DataSource = dummy
        gvCustomers.DataBind()
 
        'Required for jQuery DataTables to work.
        gvCustomers.UseAccessibleHeader = True
        gvCustomers.HeaderRow.TableSection = TableRowSection.TableHeader
    End If
End Sub

کلاس زیر برای نگهداری سوابق مشتری از بانک اطلاعاتی استفاده می شود و برای jQuery DataTable به عنوان JSON به Client Side ارسال می شود.

C#

public class Customer
{
    public string CustomerID { get; set; }
    public string ContactName { get; set; }
    public string City { get; set; }
    public string Country { get; set; }
}

VB

Public Class Customer
    Public Property CustomerID As String
    Public Property ContactName As String
    Public Property City As String
    Public Property Country As String
End Class

WebMethod زیر (PageMethod) با عملکرد jQuery AJAX تماس برقرار می کند.
در داخل WebMethod ، سوابق جدول مشتری با استفاده از DataReader جمع می شود و در فهرست عمومی اشیاء کلاس مشتری وارد می شود.
سرانجام ، لیست عمومی اشیاء کلاس Customer به عملکرد Client Side jQuery AJAX بازگردانده می شود.

C#

[WebMethod]
public static List GetCustomers()
{
    List customers = new List();
    string constr = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
    using (SqlConnection con = new SqlConnection(constr))
    {
        using (SqlCommand cmd = new SqlCommand("SELECT CustomerID, ContactName, City, Country FROM Customers", con))
        {
            con.Open();
            using (SqlDataReader sdr = cmd.ExecuteReader())
            {
                while (sdr.Read())
                {
                    customers.Add(new Customer
                    {
                        CustomerID = sdr["CustomerID"].ToString(),
                        ContactName = sdr["ContactName"].ToString(),
                        City = sdr["City"].ToString(),
                        Country = sdr["Country"].ToString()
                    });
                }
            }
            con.Close();
        }
    }
 
    return customers;
}

VB

Public Shared Function GetCustomers() As List(Of Customer)
    Dim customers As List(Of Customer) = New List(Of Customer)()
    Dim constr As String = ConfigurationManager.ConnectionStrings("constr").ConnectionString
    Using con As SqlConnection = New SqlConnection(constr)
        Using cmd As SqlCommand = New SqlCommand("SELECT CustomerID, ContactName, City, Country FROM Customers", con)
            con.Open()
            Using sdr As SqlDataReader = cmd.ExecuteReader()
                While sdr.Read()
                    customers.Add(New Customer With {
                        .CustomerID = sdr("CustomerID").ToString(),
                        .ContactName = sdr("ContactName").ToString(),
                        .City = sdr("City").ToString(),
                        .Country = sdr("Country").ToString()
                    })
                End While
            End Using
            con.Close()
        End Using
    End Using
    Return customers
End Function

کد کامل صفحه : 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CS.aspx.cs" Inherits="CS" %>




    
    


    
    

        
            
                
                
                
                
            
        
    
    
    
    
    
    

کد کامل .cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

using System.Data;
using System.Data.SqlClient;
using System.Configuration;
using System.Web.Services;


public partial class CS : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!this.IsPostBack)
        {
            DataTable dummy = new DataTable();
            dummy.Columns.Add("CustomerID");
            dummy.Columns.Add("ContactName");
            dummy.Columns.Add("City");
            dummy.Columns.Add("Country");
            dummy.Rows.Add();
            gvCustomers.DataSource = dummy;
            gvCustomers.DataBind();

            //Required for jQuery DataTables to work.
            gvCustomers.UseAccessibleHeader = true;
            gvCustomers.HeaderRow.TableSection = TableRowSection.TableHeader;
        }
    }

    [WebMethod]
    public static List GetCustomers()
    {
        List customers = new List();
        string constr = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
        using (SqlConnection con = new SqlConnection(constr))
        {
            using (SqlCommand cmd = new SqlCommand("SELECT CustomerID, ContactName, City, Country FROM Customers", con))
            {
                con.Open();
                using (SqlDataReader sdr = cmd.ExecuteReader())
                {
                    while (sdr.Read())
                    {
                        customers.Add(new Customer
                        {
                            CustomerID = sdr["CustomerID"].ToString(),
                            ContactName = sdr["ContactName"].ToString(),
                            City = sdr["City"].ToString(),
                            Country = sdr["Country"].ToString()
                        });
                    }
                }
                con.Close();
            }
        }

        return customers;
    }

    public class Customer
    {
        public string CustomerID { get; set; }
        public string ContactName { get; set; }
        public string City { get; set; }
        public string Country { get; set; }
    }
}