我使用了以下
ondblClickRow: function(){
var row_id = $("#grid").getGridParam('selrow');
jQuery('#grid').editRow(row_id, true);
}
从：
jqGrid Cell Editing - Double Click to Edit?
双击时我可以收到警报，但EditRow功能根本不起作用。
-------更新-----------
这是我在客户端使用的以下代码： -
function setJqGridParameters(parsedResult) {
var lastSel;
$('#list').jqGrid('GridUnload');
$("#list").jqGrid({
colModel: JSON.parse(parsedResult.colModel),
colNames: JSON.parse(parsedResult.col),
datatype: "jsonstring",
datastr: JSON.parse(parsedResult.rows),
jsonReader: {
repeatitems: false
},
gridview: true,
rowNum: 10,
cmTemplate: { title: false }, //, sortable: false },
viewrecords: false,
loadonce: true,
loadui: 'block',
height: 'auto',
autowidth: true,
loadtext: "Loading....",
pgbuttons: false,
pginput: false,
pgtext: "",
shrinkToFit: false,
hoverrows: false,
ondblClickRow: function (rowid) {
if (rowid && rowid !== lastSel) {
$('#list').restoreRow(lastSel);
lastSel = rowid;
}
$(this).jqGrid("editGridRow", rowid, {
keys: true,
addCaption: "Add Record",
editCaption: "Edit Record",
bSubmit: "Submit",
bCancel: "Cancel",
bClose: "Close",
saveData: "Data has been changed! Save changes?",
bYes: "Yes",
bNo: "No",
bExit: "Cancel",
width: window.screen.width / 3,
top: window.screen.height / 4,
left: window.screen.availWidth / 3,
editUrl: 'TypicalVolume.aspx/UpdateVolumeData',
beforeSubmit: function (postData, formid) {
//alert(JSON.stringify(postData));
PostDataToServer(postData);
$(".ui-widget-overlay").trigger('click');
$('#list').trigger('reloadGrid');
return false;
},
afterShowForm: function (formid) {
$("#COl1").focus();
//var cm = $(this).jqGrid('getColProp', 'Specialty');
//debugger;
}
});
// debugger;
// var grid = $('#list');
// var myRowData = grid.getRowData(rowid);
// grid.editRow(rowid, true);
//alert(myRowData['Specialty'] + ' ' + myRowData['SpecialtyName']);
},
loadComplete: function () {
fixPositionsOfFrozenDivs.call(this);
},
onSortCol: function (index, icol, sortorder) {
sortColumns(index, icol, sortorder);
return 'stop';
}
});
resizeColumnHeader.call($("#list")[0]);
$("#list").parents('div.ui-jqgrid-bdiv').css("max-height", $(window).height() - $('#pivotGridDiv').offset().top - 60);
$("#list").jqGrid('setFrozenColumns');
$("#list").triggerHandler("jqGridAfterGridComplete");
fixPositionsOfFrozenDivs.call($("#list")[0]);
$(".s-ico").hide();
var cm = $("#list")[0].p.colModel;
$.each($("#list")[0].grid.headers, function (index, value) {
var cmi = cm[index], colName = cmi.name;
if (cmi.sortable) {
$('div.ui-jqgrid-sortable', value.el).css({ cursor: "pointer" });
}
});
}
function PostDataToServer(Data) {
$.ajax({
type: "POST",
data: "{" + "Data" + ":" + JSON.stringify(Data) + "}",
url: "TypicalVolume.aspx/UpdateVolumeData",
//data: JSON.stringify(obj),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (result) {
if (result.d == "null") {
RedirectToLogin();
}
else {
SetValues(result);
}
},
error: function (result) {
$('#loadingIndicator').hide();
alert("getPageLoadData: " + result.responseText);
//RedirectToErrorPage();
}
});
}
在pageload上调用SetJqGridParameters（）函数，它设置Jqgrid的所有参数。 我使用PostDataToServer（）函数将数据发送到服务器并编写Db Changes。 注意： - 如果我删除了该功能，我在jqgrid.min.js中收到空引用错误。
----服务器代码----
[System.Web.Services.WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string UpdateVolumeData(object Data)
{
string WhereCondition1 = "",WhereCondition2="";
List<string> UpdateStatements = new List<string>();
Dictionary<string, string> data = new Dictionary<string, string>();
data = ToDictionary(Data);
foreach(KeyValuePair<string,string> entry in data)
{
if (entry.Key.ToString() == "MainCol1")
{
if (WhereCondition1 == "")
{
WhereCondition1 = WhereCondition1 + entry.Key.ToString() + "=" +"'"+ entry.Value.ToString()+"'";
}
else
{
WhereCondition1 = WhereCondition1 + "," + entry.Key.ToString() + "=" + "'"+entry.Value.ToString()+"'";
}
}
else if (entry.Key.ToString() == "MainCol2")
{
if (WhereCondition2 == "")
{
WhereCondition2 = WhereCondition2 + entry.Key.ToString() + "=" +"'"+ entry.Value.ToString()+"'";
}
else
{
WhereCondition2 = WhereCondition2 + "," + entry.Key.ToString() + "=" +"'"+ entry.Value.ToString()+"'";
}
}
}
foreach (KeyValuePair<string, string> entry in data)
{
if (entry.Key.ToString() != "MainCol1" && entry.Key.ToString() != "MainCol2")
{
UpdateStatements.Add("Update TypicalVolume set TypicalVolume = " + entry.Value + " where Modality = '" + entry.Key + "' and " + WhereCondition1 + " and " + WhereCondition2);
}
}
//JavaScriptSerializer serializer = new JavaScriptSerializer();
//var data = serializer.Serialize(Data);
string sqlstatements = string.Join(" ", UpdateStatements);
SqlConnection conn = new SqlConnection(sqlConnectionString);
conn.Open();
SqlCommand cmd = new SqlCommand(sqlstatements, conn);
cmd.ExecuteNonQuery();
conn.Close();
GridData gd = new GridData();
gd = GetGridData();
JavaScriptSerializer serializer = new JavaScriptSerializer();
return serializer.Serialize(gd);
}
[System.Web.Services.WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string GetDataBySearchCriteria()
{
try
{
HttpContext.Current.Session["RoleID"] = 4;
if (HttpContext.Current.Session["RoleID"] != null)
{
if (!CheckAuthorization()) // Redirect to error page if not authorized
{
throw new Exception("Un Authorized Acess");
}
else
{
HttpContext.Current.Session["TypicalVolumeSession"] = null;
if (HttpContext.Current.Session["TypicalVolumeSession"] != null)
{
GridData gd = new GridData();
gd = HttpContext.Current.Session["TypicalVolumeSession"] as GridData;
JavaScriptSerializer serializer = new JavaScriptSerializer();
GridData gd1 = GetGridData();
return serializer.Serialize(gd1);
}
else
{
HttpContext.Current.Session["TypicalVolumeSession"] = null;
GridData gridData = new GridData();
DataSet ds = SqlHelper.ExecuteDataset(sqlConnectionString, CommandType.StoredProcedure, "GetTypicalVolumes");
DataTable Datadt = ds.Tables[0];
//create col model for jqgrid
StringBuilder sbcol = new StringBuilder();
sbcol.Append("[");
foreach (DataColumn column in Datadt.Columns)
{
sbcol.Append("\"").Append(column.ColumnName).Append("\",");
}
sbcol.Remove(sbcol.Length - 1, 1).Append("]");
StringBuilder sbcolModel = new StringBuilder();
sbcolModel.Append("[");
string[] rowAreaFields = "MainCol1,MainCol2".Split(',');
//create rowdata for jqgrid
foreach (DataColumn column in Datadt.Columns)
{
if (rowAreaFields.Contains(column.ColumnName.Trim()))//apply style for row area fields
{
sbcolModel.Append("{\"name\":\"").Append(column.ColumnName.Trim()).Append("\",\"index\":\"").Append(column.ColumnName.Trim()).Append("\",\"classes\":\"colstyle\",\"align\":\"left\",\"editable\":true,\"editoptions\": { \"disabled\": \"disabled\" },\"sortable\":true,\"frozen\":true},");
}
else
{
sbcolModel.Append("{\"name\":\"").Append(column.ColumnName.Trim()).Append("\",\"index\":\"").Append(column.ColumnName.Trim()).Append("\",\"align\":\"right\",\"sortable\":false,\"editable\":true,\"width\":\"60px\"},");
}
}
sbcolModel.Remove(sbcolModel.Length - 1, 1);
sbcolModel.Append("]");
JavaScriptSerializer serializer = new JavaScriptSerializer();
List<Dictionary<string, object>> rows = new List<Dictionary<string, object>>();
Dictionary<string, object> drow;
foreach (DataRow dr in Datadt.Rows)
{
drow = new Dictionary<string, object>();
foreach (DataColumn col in Datadt.Columns)
{
drow.Add(col.ColumnName, dr[col]);
}
rows.Add(drow);
}
StringBuilder sbjsonRows = new StringBuilder();
sbjsonRows.Append(serializer.Serialize(rows));
StringBuilder json = new StringBuilder();
json.Append("{").Append("\"rows\":").Append(sbjsonRows.ToString().Trim()).Append("}");
json.ToString();
gridData.col = sbcol.ToString();
gridData.colModel = sbcolModel.ToString();
gridData.rows = sbjsonRows.ToString().Trim();
return serializer.Serialize(gridData);//serialize and return to ajax method
}
}
}
else
{
return "null";//if session expired
}
}
catch (Exception ex)
{
LogError(ex);
throw;
}
}
代码处于测试模式，它仍在开发中，代码是我开发的其他页面的模板，因此它已经使用了会话但是现在实际上并不需要它。
要求： - 我有很多数据。所以我想更新db并显示db的真实数据。因为其他用户可能已经更新了它。所以，如果可能的话，我可能想以一种懒惰的方式加载数据，我可以加载3页的数据，然后继续在后台加载（我在jqgrid中有这样的选项）。 如果不可行加载，整个数据都可以。
此外，我希望在C＃中提供示例，并以尽可能多的方式为其他新用户贡献。因此，用户可以在一个地方找到所有文档和帮助。请建议我怎样才能这样做。
对于那些提到这个的人： - 这个问题最初是针对可编辑的行开始的。我从@Oleg得到的第一个建议就足够了。后来他发现我的代码不一致，因为我们使用了来自不同jqgrid的代码，而且服务器代码也是非标准代码（不要使用这些技术）。
使用jqgrid的初学者
请确保您使用相同的jqgrid，这将有助于您保持代码的一致性。在互联网上你可以找到不同版本的jqgrid，所以首先要确保你是否想要使用免费或商业版本，然后去寻找最新版本。
答案 0 :(得分：0)
您的代码中存在许多奇怪的东西（在服务器端和客户端）。我不想重写你的代码。在客户端，您只需将相同的postdata 发送到服务器即可。您只需将数据包装在Data参数中并转换为JSON。
我刚才在你的代码中提到了一些明显的问题：
editUrl放在错误的位置，并使用错误的选项名称。 editGridRow的选项应为url。 editurl参数的正确位置（!!!而不是editUrl !!!）是jqGrid的选项（在colModel，colModel和其他位置的同一位置）。 serializeRowData，则应使用ajaxRowOptions回调和editRow选项（请参阅原始文本）。如果您想使用editGridRow方法（请参阅问题的更新部分），则需要使用serializeEditData代替serializeRowData。restoreRow的情况下调用ondblClickRow回调中的内联编辑方法editGridRow没有任何意义。在表单编辑的回调$('#list').trigger('reloadGrid');内使用beforeSubmit没有任何意义，因为jqGrid在编辑后会自动重新加载数据。另一方面，重新加载本地数据（您使用datatype: "jsonstring"）也没有任何意义。fixPositionsOfFrozenDivs方法仅存在于free jqGrid中。您应该决定要使用哪个jqGrid分支并使用相应的选项。如果使用免费的jqGrid，您可以使用表单编辑和内联编辑选项的新样式（请参阅the wiki article），这可以使您的代码更短，更容易阅读。另一方面，这些选项仅适用于免费的jqGrid。因此，了解您使用的jqGrid的哪个分支以及哪个版本非常重要。SqlCommand的参数，从不直接将SQL语句构造为字符串（请参阅WhereCondition2的构建你的代码）。这是非常愚蠢的。JavaScriptSerializer serializer = new JavaScriptSerializer(); return serializer.Serialize(gd);。这是不对的！ ASP.NET根据HTTP请求的Content-Type标头自动生成JSON / XML序列化。返回的数据类型应为object而不是字符串（public static string GetDataBySearchCriteria()需要替换为public static object GetDataBySearchCriteria()）。您应该使用return gd;代替return serializer.Serialize(gd);。您当前的服务器方法序列化为JSON 两次。 GetDataBySearchCriteria或UpdateVolumeData返回的字符串将再次序列化 。因此，服务器返回{"d": "{..., \"some string\"...}"}而不是{"d": {..., "some string"...}}之类的内容。 sbcolModel.Append("{\"name\":\"")和json.Append("{").Append("\"rows\":")的使用情况也很糟糕。正确的代码只能用于对象。不需要手动转换JSON。只有这样，您才需要额外调用JSON.parse或$.parseJSON。典型的$.ajax调用会在内部将JSON数据转换为对象，您可以直接使用对象。这可能是您不使用datatype: "json"和jsonReader: {repeatitems: false}, ajaxGridOptions: { contentType: "application/json" }, serializeGridData: function (postData) { return JSON.stringify(postData); }等原因的原因。我可以继续......