这是我的jqGrid调用web方法
$(document).ready(function () {
jQuery("#prodgrid").jqGrid({
url: 'product_brow.aspx/ProdGrid',
postData: {
ddlproductstatus: function() {
return $("#<%=ddlProductStatus.ClientID%>").val();
},
ddlproducttype: function() {
return $("#<%=ddlProductType.ClientID%>").val();
},
txtkeywordsearch: function() {
return $("#<%=txtKeywordSearch.ClientID%>").val();
},
hdnMerchantId: function() {
return $("#<%=hdnmerchantId.ClientID%>").val();
}
},
mtype: 'POST',
serializeEditData: function (postData) {
return JSON.stringify(postData);
} ,
colNames: ['Code', 'Title', 'Price', 'Product Group', 'Edit', 'Status'],
colModel: [
{ name: 'Code', index: 'Code', width: 15, align: 'center' },
{ name: 'Title', index: 'Title', width: 40, align: 'center' },
{ name: 'Price', index: 'Price', width: 55 },
{ name: 'Product Group', index: 'Product Group', width: 55 },
{ name: 'Edit', index: 'Edit', width: 40 },
{ name: 'Status', index: 'Status', width: 40}],
pager: '#prod_pager',
rowList: [10, 20, 30],
sortname: 'Code',
sortorder: 'desc',
rowNum: 10,
loadtext: "Loading....",
shrinkToFit: true,
multiselect: true,
emptyrecords: "No records to view",
width: x - 40,
height: 230,
rownumbers: true,
subGrid: true,
caption: 'Products'
// editurl: 'Departments.aspx'
});
jQuery("#prodgrid").jqGrid('navGrid', '#prod_pager',
{ edit: false, add: false, del: true, excel: true, search: false });
});
你可以看到我试图通过这样的参数将数据从这里传递给web方法
[WebMethod]
public static string ProdDetails(string ddlproductstatus,
string ddlproducttype,
string txtkeywordsearch,
string hdnMerchantId)
{
StringBuilder sbReturnJson = new StringBuilder();
string strReturnJson = string.Empty;
StringBuilder sbCell = new StringBuilder();
try
{
string sort = HttpContext.Current.Request.Form["sidx"].ToString();
string strSortDerection = HttpContext.Current.Request.Form["sord"].ToString();
int iPage = Convert.ToInt32(HttpContext.Current.Request.Form["page"]);//get the requested page
string strLimit = HttpContext.Current.Request.Form["rows"].ToString(); // get how many rows we want to have into the grid
string strStart = Convert.ToString(int.Parse(strLimit) * (iPage - 1));
string strEnd = Convert.ToString(int.Parse(strStart) + int.Parse(strLimit));
string pageNo = string.Empty;
ProductDal oProductDal = new ProductDal();
// bind data to gridview
System.Data.DataTable oDataTable;
if (txtkeywordsearch.Trim().Length == 0)
{
oDataTable = oProductDal.GetAllProductDtToDisplayTest(Convert.ToInt32(hdnMerchantId), ddlproducttype,
ddlproductstatus, iPage, Convert.ToInt32(strLimit));
}
else
{
oDataTable = oProductDal.GetAllProductDtToDisplayBySearchStringTest(Convert.ToInt32(hdnMerchantId), ddlproducttype,
ddlproductstatus, txtkeywordsearch.Trim(), iPage, Convert.ToInt32(strLimit));
}
// keep values in session to use in product detail page to retrieve records.
//Session["ProductType"] = ddlproducttype;
// Session["ProductStatus"] = ddlproductstatus;
if (txtkeywordsearch.Trim().Length != 0)
{
// Session["SearchKeyword"] = txtkeywordsearch;
}
// hlnkExportToExcel.Visible = false;
// calculate the total number of records.
int totalRows = 0;
if (txtkeywordsearch.Trim().Length == 0)
{
totalRows = oProductDal.CountAllProductDtToDisplay(Convert.ToInt32(hdnMerchantId), ddlproducttype,
ddlproductstatus);
}
else
{
totalRows = oProductDal.CountAllProductDtToDisplayBySearchString(Convert.ToInt32(hdnMerchantId), ddlproducttype,
ddlproductstatus, txtkeywordsearch.Trim());
}
//if (!IsPostBack)
//{
// gvProductBrow.PageIndex = _currentPageNumber;
//}
var count = oDataTable.Rows.Count;
sbReturnJson.Append("{\"page\":\"" + iPage + "\",\"records\":\"" + count + "\",\"rows\":[");
foreach (DataRow row in oDataTable.Rows)
{
// int depid = Convert.ToInt32(row[1].ToString());
// var Editbutton = "<img Class='GridEdit' onclick='showjQueryDialog(" + depid + ");' src='Images/edit.jpeg'></img>";
//<a href='#' Class='GridEdit' onclick='showjQueryDialog(" + depid + ");'>Edit</a>
string code = (row[1].ToString());
string title = (row[4].ToString());
string price = (row[7].ToString());
string product_group = (row[5].ToString());
string edit = (row[0].ToString());
string status = (row[2].ToString());
sbCell.Append("{\"cell\":[\"" + code + "\",\"" + title + "\",\"" + price + "\",\"" + product_group + "\",\"" + edit + "\",\"" + status + "\"]}");
sbCell.Append(",");
}
// lblNoOfRows.Text = totalRows + " record(s) found";
sbReturnJson.Append(sbCell.ToString().TrimEnd(','));
double dCount = Math.Ceiling(Convert.ToDouble(count / int.Parse(strLimit)));
int iCount = int.Parse(dCount.ToString()) + 1;
sbReturnJson.Append("],\"total\":\"" + iCount + "\"}");
//lblTopPageNo.Text = (gvProductBrow.PageIndex + 1) + "/" + CalculateTotalPages(totalRows);
//lblBottomPageNo.Text = (gvProductBrow.PageIndex + 1) + "/" + CalculateTotalPages(totalRows);
//ViewState["NoOfPages"] = CalculateTotalPages(totalRows);
}
catch (Exception ex)
{
ExceptionLogger.LogException(ex);
//lblErrorMessage.Text += Resources.Resource.Product_errMsgLoadProduct;
return "Error";
}
return sbReturnJson.ToString();
}
我的web方法期待4个参数，我试图使用postData传递，但因为我是newbi我不知道如何从我的jqGrid发布数据到web方法。需要帮助才能坚持这个约5小时
你还可以帮助发送页面，sidx，从jqgrid排序到web方法
答案 0 :(得分：5)
我建议您使用ASMX或WCF Web服务。在这种情况下，将自动为您做出许多事情，如JSON序列化和反序列化。您应该从Web方法返回一个对象。
通常，WCF RESTfull服务与ASMX Web服务相比具有优势，但如果您是初学者，则可以更轻松地将ASMX Web服务添加到现有项目中，以便web.config的所有更改都将为您创建Visual Studio。
要将ASMX Web服务添加到现有的ASP.NET项目，您应该执行以下步骤。在解决方案资源管理器中选择当前项目（通常在Visual Studio的右侧），然后键入 Ctrl + Shift + A （或单击鼠标右键并选择“添加”和“新项目...”）您应选择左侧的“Web”模板，然后选择“Web服务”。您可以将底部的文件名从默认WebService1.asmx更改为您想要的任何内容。例如ProdData.asmx。在ProdData.asmx.cs文件中，您应该使用[ScriptService]属性取消注释该行。您还可以在文件的开头插入using System.Web.Script.Services;。现在您可以将“Hello world”Web方法的代码更改为您需要的代码。例如
using System.Collections.Generic;
using System.Web.Services;
using System.Web.Script.Services;
namespace TestWebApplicationWithjqGrid
{
public class GridRow {
public string id { get; set; }
public List<string> cell { get; set; }
}
public class GridData {
public int page { get; set; }
public int total { get; set; }
public int records { get; set; }
public List<GridRow> rows { get; set; }
}
[WebService (Namespace = "http://tempuri.org/")]
[WebServiceBinding (ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem (false)]
[ScriptService]
public class ProdData: WebService
{
[WebMethod]
public GridData ProdDetails(string sidx, string sord, int page, int rows,
string ddlproductstatus, string ddlproducttype, string txtkeywordsearch, int hdnMerchantId) {
return new GridData {page = 1, total = 1, records = 2, rows = new List<GridRow> {
new GridRow {id = "i1", cell = new List<string> {"Code1", "Title1", "Price1", "Group1", "Edit1", "Status1"}},
new GridRow {id = "i2", cell = new List<string> {"Code2", "Title2", "Price2", "Group2", "Edit2", "Status2"}}
}};
}
}
}
您当然应该对ProdDetails网络方法进行更复杂的实施。 The answer为您提供示例。有关代码示例的更多链接，请参阅this answer。
要从JavaScript调用Web方法，您应该稍微修改一下jqGrid。您应该包含以下附加参数
datatype: 'json',
ajaxGridOptions: { contentType: "application/json"},
serializeGridData: function (postData) {
var propertyName, propertyValue, dataToSend = {};
for (propertyName in postData) {
if (postData.hasOwnProperty(propertyName)) {
propertyValue = postData[propertyName];
if ($.isFunction(propertyValue)) {
dataToSend[propertyName] = propertyValue();
} else {
dataToSend[propertyName] = propertyValue
}
}
}
return JSON.stringify(dataToSend);
},
jsonReader: {
root: "d.rows",
page: "d.page",
total: "d.total",
records: "d.records"
}
我从my previous answer获得的serializeGridData代码。它只是
serializeGridData: function (postData) { return JSON.stringify(postData); }
在大多数情况下使用，因为您使用postData内的函数。
Here您可以使用相应的代码下载VS2010 .NET 3.5工作项目。