Question

我正在为我的项目使用FlexiGid。但问题是WebMethod没有触发。（Json / Ajax调用）我已经将一个Debug点放到了Webmethod但它没有触发，而且Firebug也显示了web方法Url是正确的。

我在这里放了代码

Ajax Call

  function flexgrid() {
        debugger;
        $("#flex1").flexigrid({

                    url: '/WebMethods.aspx/GetIssueSummaryById',
                    dataType: 'json',
                    contentType: "application/json; charset=utf-8",
                    colModel : [
                        {display: 'ID', name : 'id', width : 40, sortable : true, align: 'center'},



                    ],
                    data: JSON.stringify({ ProjectId: "1", UserId: "1" }), //Hard code this values at this time
                    buttons : [
                        { name: 'Add', bclass: 'add', onpress: test },
                        { name: 'Delete', bclass: 'delete', onpress: test },
                        {separator: true},
                        {name: 'A', onpress: sortAlpha},
                        {name: 'B', onpress: sortAlpha}


                    ],
                    searchitems : [
                        { display: 'Project', name: 'project' },
                        {display: 'Name', name : 'name', isdefault: true}
                    ],
                    sortname: "id",
                    sortorder: "asc",
                    usepager: true,
                    title: 'Issue Summary',
                    useRp: true,
                    rp: 10,
                    showTableToggleBtn: true,
                    width: 1000,
                    height: 500
                });

    };

Web方法（在WebMethods.aspx文件中）

 [WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static List<IssuesVM> GetIssueSummaryById(string UserId, string ProjectId)
{
    //Guid LoggedInUserId = new Guid(UserId);
    //int ProjectId = Convert.ToInt32(ProjectId);

    List<IssuesVM> lst = new List<IssuesVM>();

    try
    {
        SqlCommand comIssueSummary = new SqlCommand("SP_GetIssuesByProjectIDAndOwnerId", conn);
        comIssueSummary.CommandType = CommandType.StoredProcedure;
        //comIssueSummary.Parameters.Add("@ProjectId", SqlDbType.Int).Value = ProjectId;
       // comIssueSummary.Parameters.Add("@UserId", SqlDbType.UniqueIdentifier).Value = LoggedInUserId;
        if (conn.State == ConnectionState.Closed)
            conn.Open();

        SqlDataReader rdr = comIssueSummary.ExecuteReader();
        DataTable dt = new DataTable();
        dt.Load(rdr);
        foreach (DataRow r in dt.Rows)
        {
           //Some code goes here
        }

    }
    catch (Exception)
    {

        throw;
    }

    return lst;
}

之后Firebug显示了这一点 Image Here

任何人都可以知道错误吗？没有解雇webmethod？

P.S - 我在帖子[Click Here]下面看到了一些解决方案，我在flexigrid.js文件中做了一些，但它也没有用。

这是变化 FlexiGrid.js文件（更改前）

    $.ajax({
                type: p.method,
                url: p.url,
                data: param,
                dataType: p.dataType,
                success: function (data) {
                    g.addData(data);
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    try {
                        if (p.onError) p.onError(XMLHttpRequest, textStatus, errorThrown);
                    } catch (e) {}
                }
            });
        },

FlexiGrid.js（更改后）

 $.ajax({
                    contentType: "application/json; charset=utf-8",
  data: "{}", // to pass the parameters to WebMethod see below 
                    success: function (data) {
                        g.addData(data);
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        try {
                            if (p.onError) p.onError(XMLHttpRequest, textStatus, errorThrown);
                        } catch (e) {}
                    }
                });
            },

Answer 1

首先，将它移动到WebService.asmx文件可能是个好主意。这样做是最好和最常见的做法。 .ASPX页面通常用HTML / CSS / Javascript响应，而.asmx用JSON或XML响应。

无论哪种方式，Ajax调用flexigrid都是针对WebService还是Web窗体页面，当您添加属性[WebMethod]来公开执行第一个Ajax调用的方法时，可能会有点挑战。有关Ajax调用公共WebMethods的内容有点挑剔。围绕请求的内容类型以及请求是JSON还是XML以及响应是JSON还是XML时会出现问题。

所以我将向您展示我所知道的用于我使用Flexigrid的项目：

 $('#gridTablegSearchProperty').flexigrid({
        url: 'Services/WSgSearch.asmx/gridTablegSearchProperty',
        colModel: [...

您会注意到在第一个代码段中我没有设置Flexigrid的contentType或dataType属性。

现在我的WebMethod签名

 [WebMethod]
    public XmlDocument gridTablegSearchProperty()
    {
        System.Collections.Specialized.NameValueCollection nvc = HttpContext.Current.Request.Form;

        int pgNum = nvc.GetValueAsInteger("page").GetValueOrDefault(1);
        int pgSize = nvc.GetValueAsInteger("rp").GetValueOrDefault(20);
        string sortName = nvc.GetValueOrDefaultAsString("sortname", "key");
        string sortOrder = nvc.GetValueOrDefaultAsString("sortorder", "desc");

        string query = nvc.GetValueOrDefaultAsString("query", string.Empty);
        string qtype = nvc.GetValueOrDefaultAsString("qtype", string.Empty);

我的WebMethod在一个.asmx文件中，如果你把你的文件保留在代码隐藏文件中并不重要，但我会转到WebService并删除WebMethods.aspx，这是一个糟糕的命名约定和文件使用约定。

Web方法没有在FlexiGrid中触发

1 个答案: