如何在asp.net web表单中点击JQGrid url？

我是asp.net web表单的新手，无法点击url。Jqgrid正在显示，但获取数据的url未命中。这是我的aspx内容，名为emplosyee_list.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/main.Master" AutoEventWireup="true" CodeBehind="employee_list.aspx.cs" Inherits="CollegeManagementSystem.employee_list" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="server">
      <div id="page-wrapper">
           <a href="employee_details.aspx" class="btn btn-default">Back</a>

            <div class="container-fluid">
               <div class="col-lg-5">

                       <div>
                           <span class="headerFont">Employee List</span>
                           <hr class="lining"/>
                       </div>


               </div>

            </div>

     </div>

    <div >
        <table id="grid">

        </table>
    </div>
    <link href="../Content/Site.css" rel="stylesheet" />
    <link href="../Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" />
    <link href="../Content/StyleSheet1.css" rel="stylesheet" />
    <script src="../Scripts/jquery-1.9.1.js"></script>
    <script src="../Scripts/jquery-1.9.1.min.js"></script>
    <script src="../Scripts/jquery.jqGrid.js"></script>
    <script src="../Scripts/jquery.jqGrid.min.js"></script>
    <script src="../Scripts/employeeJquery.js"></script>

</asp:Content>

---

url未命中并且控制台上没有错误问题是什么

我在您的代码中看到以下错误：

• 您应该在HTML页面上包含jQueryUICSS。例如，您可以使用

• 不能在同一页面上同时包含最小化版本和非最小化版本。例如，您应该删除对非最小化文件

  jquery-1.9.1.js

  和

  jquery.jqGrid.js

  的引用
• 您应该在jquery.jqGrid.min.js之前包含对

  i18n/grid.locale en.js

  （或其他语言环境文件）的引用
• 您应该从

  GetList（）

  中删除行

  JavaScriptSerializer serializer=newJavaScriptSerializer（）

  和调用

  序列化程序.Serialize

  。而WebMethod应该返回

  对象

  。dotnet框架将根据HTTP请求的

  contentType

  将对象序列化为JSON或XML。

  GetList

  方法的代码可能如下所示

[WebMethod]
公共对象GetList（）
{
返回GetDataFromDB（）；
}

• 您应该在jqGrid选项中包括以下内容：

mtype:'POST'，
ajaxGridOptions:{contentType:“application/json”}，
有一次：是的，
jsonReader：{
根：函数（obj）{
//修正WebMethod后，下一行
//可以简化为
//返回obj.d；
返回类型obj.d==“字符串”？$.parseJSON（obj.d）：obj.d；
},
重复项：false
},
serializeGridData:函数（postData）{
返回JSON.stringify（postData）；
},
高度：“自动”，
gridview：对

---

此外，

pager

参数的值似乎是错误的。您不需要编写使用哪个版本的jqGrid和哪个fork。我不知道Guriddo jqGrid JS的具体选项，但如果jqGrid或旧jqGrid版本是免费的，请感谢@Oleg。它现在可以工作了。实际上，这是我在asp.NETWebForms上的第一天。但我对mvc中的JQGrid有所了解。我只是想整合jqgrid。这就是为什么代码中会出现很多错误。再次感谢。你总是帮助我。@Hiba:不客气

WebMethod

是一种非常古老的技术。若您想使用纯ASP.NET，那个么ASHX处理程序是更好的方法。看见我建议考虑使用选项并同时返回所有数据。不需要服务器端分页/搜索。这种方法适用于小数据集（我知道我只是在空闲时间尝试这些事情）。

{
    public partial class employee_list : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        [WebMethod]
        public string GetList()
        {

            var list = GetDataFromDB();
            JavaScriptSerializer serializer = new JavaScriptSerializer();
            return serializer.Serialize(list);

        }


        public static List<Dictionary<string, object>> GetDataFromDB()
        {
            DataTable dt = new DataTable();
            using (SqlConnection con = new SqlConnection(@"Data Source=.;Initial Catalog='College Management System';Integrated Security=True"))
            {
                using (SqlCommand cmd = new SqlCommand("SELECT username, name, DOB, date, gender,address,mobile,phone,email FROM employee_details ORDER BY username", con))
                {
                    con.Open();
                    SqlDataAdapter da = new SqlDataAdapter(cmd);
                    da.Fill(dt);

                    JavaScriptSerializer serializer = new JavaScriptSerializer();
                    List<Dictionary<string, object>> rows = new List<Dictionary<string, object>>();
                    Dictionary<string, object> row;
                    foreach (DataRow dr in dt.Rows)
                    {
                        row = new Dictionary<string, object>();
                        foreach (DataColumn col in dt.Columns)
                        {
                            row.Add(col.ColumnName, dr[col]);
                        }
                        rows.Add(row);
                    }
                    return rows;
                }

            }
        }
    }
}

 $("#grid").jqGrid({
                url: '/Admin/employee_list.aspx/GetList',
                datatype: "json",
                colNames: ['User', 'Name', 'DOB', 'Date',
                        'Gender', 'Address', "Mobile", 'Phone', 'Email', ],
                colModel: [
                { name: 'User', index: 'User', width: 50, stype: 'text' },
                { name: 'Name', index: 'Name', width: 150 },
                   { name: 'DOB', index: 'DOB', width: 100 },
                { name: 'Date', index: 'Date', width: 80, align: "right" },
                { name: 'Gender', index: 'Gender', width: 80, align: "right" },
                { name: 'Address', index: 'Address', width: 80, align: "right" },
                { name: 'Mobile', index: 'Mobile', width: 150, sortable: false },
                { name: 'Phone', index: 'Phone', width: 100, sortable: false },
                { name: 'Email', index: 'Email', width: 150, sortable: false }

                ],
                pager: { enable: true, limit: 5, sizes: [2, 5, 10, 20] },
                rowNum: 10,
                rowList: [10, 20, 30],
                sortname: 'id',
                viewrecords: true,
                pager :'#gridpager',
                sortorder: "desc",
                edit: true,
                add: true,
                del: true,
                search: true,
                searchtext: "Search",
                addtext: "Add",
                edittext: "Edit",
                deltext: "Delete",
                caption: "List Employee Details"
            });