使用JQuery绑定Webgrid失败

时间:2017-03-05 09:49:09

标签: javascript jquery ajax asp.net-mvc webgrid

您好,我这次正在使用webgrid。并使用json绑定JQuery数据。我的ajax call script提供了数据,但我无法理解这些数据。我已经完成了所有可用的问题,但没有任何效果。查看组件并告诉我出了什么问题。< / p>

这是网格

<div id="GridContent">
            @{
                var grid = new WebGrid(Model, canPage: true, rowsPerPage: 15, selectionFieldName: "Id", ajaxUpdateContainerId: "GridContent", canSort: true);
            }
            @grid.GetHtml(
            tableStyle: "webgrid-table",
            rowStyle: "webgrid-row-style",
            htmlAttributes:"grid",
            emptyRowCellValue: "--",
            headerStyle: "webgrid-header",
            selectedRowStyle: "webgrid-alternating-row",
            columns: grid.Columns(
            grid.Column(columnName: "CenterId", header: "Id"),
            grid.Column(columnName: "CenterName", header: "CenterName"),
            grid.Column(columnName: "CenterCode", header: "CenterCode"),
            grid.Column(columnName: "Address", header: "Address"),
            grid.Column(columnName: "EmailId", header: "EmailId"),
            grid.Column(format: @<a id="EditCenter" class="fa-anchor" data-id="@item.CenterId">Edit</a>),
            grid.Column(format: (item) => Html.ActionLink((string)"Delete", "DeleteCenter", new { CenterId = item.CenterId }, new { id = "DeleteCenter", onclick = "return confirm('Are You Sure Want To Delete The Center Data?');" }))))
        </div>

这是我的ajax调用,用于在下拉列表更改时绑定数据。

$(document).ready(function () {
    $("#ListType").change(function () {
        var webgrid;
        $.ajax({
            type: 'POST',
            url: ListTypeUrl,
            data: { id: $("#ListType").val() },
            datatype:'html',
            success: function (result) {
                $("#GridContent").html(result);
                alert("Success");

            },
            error: function (result) {
                alert("On select Failed " + result);
            }
        });
    })
});

这是获取JSON结果的Controller方法

public JsonResult GetCenterList(int id)
        {
            List<CenterDetails> cd = objDal.GetCenterListItem(id.ToString(), Session["AgentId"].ToString());


            return Json(cd,JsonRequestBehavior.AllowGet);
        }
public List<CenterDetails> GetCenterListItem(string type, string AgentId)
        {
            XElement xl = new XElement("root"
                , new XAttribute("OType", "Select")
                , new XAttribute("Target", "CenterList")
                , new XElement("Type",Convert.ToInt32(type))
                , new XElement("AgentId", AgentId));
            ds = ExecuteDataSet("Sp_CenterAction", CommandType.StoredProcedure, new MySqlParameter("@xml", xl.ToString()));
            dt = ds.Tables[0];
            drc = dt.Rows;
            List<CenterDetails> objList = new List<CenterDetails>();
            foreach (DataRow dr in drc)
            {
                objList.Add(new CenterDetails
                {
                    CenterId = Convert.ToInt32(dr["cm_Id"].ToString()),
                    CenterName = dr["cm_Name"].ToString(),
                    CenterCode = dr["cm_CenterCode"].ToString(),
                    Address = dr["cm_Address"].ToString(),
                    EmailId = dr["cm_EmailId"].ToString()
                });
            }

            return objList;

        }

0 个答案:

没有答案