- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是 jqGrid 的初学者,我想在 jqGrid 中实现删除 Actin 我编写了填充 jqGrid 的代码
$(function () {
var grid = $('#list');
grid.jqGrid({
url: 'jQGridHandler.ashx',
postData: { ActionPage: 'TransportType', Action: 'Fill' },
ajaxGridOptions: { cache: false },
loadonce: true,
direction: "rtl",
datatype: 'json',
height: 490,
colNames: ['Code', 'TransportType', 'TransportTypeAbbr', 'Remark'],
colModel: [
{ name: 'TRANSPORT_ID', width: 100, sortable: true, editable: true },
{ name: 'TRANSPORT_NAME', width: 200, sortable: true, editable: true },
{ name: 'TRANSPORT_ABBR', width: 100, sortable: true, editable: true },
{ name: 'REMARK', width: 100, sortable: true, editable: true }
],
gridview: true,
rowNum: 20,
rowList: [20, 40, 60],
pager: '#pager',
sortname: 'TRANSPORT_ID',
viewrecords: true,
sortorder: 'ASC',
caption: '',
rownumbers: true
});
grid.jqGrid('navGrid', '#pager', { add: true, edit: true, del: true },
{ height: 300, width: 300, url: "JQGridHandler.ashx?ActionPage=TransportType&Action=Update", reloadAfterSubmit: false },
{ height: 400, width: 500, url: "JQGridHandler.ashx?ActionPage=TransportType&Action=Insert", reloadAfterSubmit: false },
{ url: "JQGridHandler.ashx?ActionPage=TransportType&Action=Delete", reloadAfterSubmit: false },
{ multipleSearch: true, overlay: false, width: 460 });
并在jQGridHandler中我编写此代码
case "TransportType":
var transport = new TransportTypesBusiness();
TRANSPORT_TYPES transportItem;
switch (request.QueryString["Action"])
{
case "Fill":
string numberOfRows = request["rows"];
string pageIndex = request["page"];
int totalRecords = 0;
output = transport.BuildJQGridResults(Int32.Parse(numberOfRows), Int32.Parse(pageIndex), totalRecords);
response.Write(output);
break;
case "FillDrop":
output = transport.BuildJQGridResults();
response.Write(output);
break;
case "Insert":
transportItem = new TRANSPORT_TYPES {
TRANSPORT_NAME = request["TRANSPORT_NAME"].ToString(),
TRANSPORT_ABBR = request["TRANSPORT_ABBR"].ToString(),
REMARK = request["REMARK"].ToString()
};
bool isInsert = transport.AddNew(transportItem);
break;
case "Update":
transportItem = new TRANSPORT_TYPES {
TRANSPORT_ID = int.Parse(request["TRANSPORT_ID"].ToString()),
TRANSPORT_NAME = request["TRANSPORT_NAME"].ToString(),
TRANSPORT_ABBR = request["TRANSPORT_ABBR"].ToString(),
REMARK = request["REMARK"].ToString()
};
bool isUpdate = transport.Update(transportItem);
break;
case "Delete":
bool isDelete =
transport.Delete(
transport.Find(c => c.TRANSPORT_ID == int.Parse(request["TRANSPORT_ID"].ToString())));
break;
}
当我删除一条记录时,我无法获取request["TRANSPORT_ID"].ToString()
值。
请帮助我。谢谢大家
编辑1: 我从此编辑脚本
$(function () {
var grid = $('#list');
grid.jqGrid({
url: 'jQGridHandler.ashx',
postData: { ActionPage: 'TransportType', Action: 'Fill' },
ajaxGridOptions: { cache: false },
loadonce: true,
direction: "rtl",
datatype: 'json',
height: 490,
colNames: ['Code', 'TransportType', 'TransportTypeAbbr', 'Remark'],
colModel: [
{ name: 'TRANSPORT_ID', key: true,,hidden:true, editable:false },
{ name: 'TRANSPORT_NAME', width: 200, sortable: true, editable: true },
{ name: 'TRANSPORT_ABBR', width: 100, sortable: true, editable: true },
{ name: 'REMARK', width: 100, sortable: true, editable: true }
],
cmTemplate: { width: 100, editable: true },
prmNames: { oper: 'Action', editoper: 'Update', addoper: 'Insert',
deloper: 'Delete', id: 'STATUS_ID'
},
gridview: true,
rowNum: 20,
rowList: [20, 40, 60],
pager: '#pager',
sortname: 'TRANSPORT_ID',
viewrecords: true,
sortorder: 'ASC',
caption: '',
rownumbers: true
});
$.extend($.jgrid.edit, {
editData: { ActionPage: 'StatusType' },
savekey: [true, 13],
closeOnEscape: true,
closeAfterEdit: true,
closeAfterAdd: true,
reloadAfterSubmit: false,
recreateForm: true
});
grid.jqGrid('navGrid', '#pager', { add: true, edit: true, del: true },
{ height: 300, width: 300 },
{ height: 400, width: 500 },
{},
{ width: 460 });
以及 get 的处理程序
ActionPage write this code
HttpRequest request = context.Request;
string ss = request["ActionPage"].ToString();
网格首先加载数据,但是当单击编辑按钮时出现错误。
最佳答案
我认为问题的根源在于您填充网格的rowid不正确。也许您确实正确填写了网格行的 id,但只是不使用该信息。
顺便说一下你使用Action
的方式参数值为 "Insert"
, "Update"
和"Delete"
。另一边已经有标准参数oper
它将在行编辑期间发送到服务器(请参阅 here )。 oper
的值参数将为“添加”、“编辑”和“删除”。所以我认为没有必要使用额外的 Action
编辑时的参数。我建议您只测试 oper
的值参数代替。
如果您确实想要使用其他名称和值 oper
参数您可以使用 jqGrid 的 prmNames 选项来更改默认值:
prmNames: { oper: "Action", editoper: "Update", addoper: "Insert", deloper: "Delete" }
我认为 ActionPage=TransportType
的使用没有任何意义您在所有 URL 中使用的附加参数。如果您确实需要共享相同的 URL "jQGridHandler.ashx"
出于其他目的,您可以使用 editurl: "jQGridHandler.ashx"
并添加ActionPage=TransportType
使用postData
作为URL的一部分, editData
和delData
参数。
与 oper
相同参数 又一个参数,名称为 id
将在编辑操作期间发送到服务器。所以你可以使用request["TRANSPORT_ID"]
在服务器端。如果您更喜欢其他名称(我认为这不是真正必需的),您可以添加 id: "TRANSPORT_ID"
属性(property) prmNames
。它将解决您的主要问题。
因此,如果您不想对服务器代码进行任何修改,您可以在客户端执行以下操作
$(function () {
var grid = $('#list');
grid.jqGrid({
url: 'jQGridHandler.ashx',
editurl: 'jQGridHandler.ashx',
postData: { ActionPage: 'TransportType', Action: 'Fill' },
loadonce: true,
direction: "rtl",
datatype: 'json',
height: "auto",
colNames: ['Code', 'TransportType', 'TransportTypeAbbr', 'Remark'],
colModel: [
{ name: 'TRANSPORT_ID', key: true },
{ name: 'TRANSPORT_NAME', width: 200 },
{ name: 'TRANSPORT_ABBR' },
{ name: 'REMARK' }
],
cmTemplate: {width: 100, editable: true},
prmNames: { oper: 'Action', editoper: 'Update', addoper: 'Insert',
deloper: 'Delete', id: 'TRANSPORT_ID'
},
gridview: true,
rowNum: 20,
rowList: [20, 40, 60],
pager: '#pager',
sortname: 'TRANSPORT_ID',
viewrecords: true,
sortorder: 'ASC',
rownumbers: true
});
$.extend($.jgrid.edit, {
editData: { ActionPage: 'TransportType' },
savekey: [true, 13],
closeOnEscape: true,
closeAfterEdit: true,
closeAfterAdd: true,
reloadAfterSubmit: false,
recreateForm: true
});
$.extend($.jgrid.del, {
delData: { ActionPage: 'TransportType', Action: 'Delete' },
reloadAfterSubmit: false,
closeOnEscape: true
});
$.extend($.jgrid.search, {
multipleSearch: true,
recreateFilter: true,
overlay: false
});
grid.jqGrid('navGrid', '#pager', {},
{ height: 300, width: 300, editData: { ActionPage: 'TransportType', Action: 'Update' } },
{ height: 400, width: 500, editData: { ActionPage: 'TransportType', Action: 'Insert' },
afterSubmit: function (response) {
return [true, '', response.responseText];
}},
{},
{ width: 460 }
);
});
我添加了一些额外的设置并使用了 cmTemplate
更改 colModel
的默认值(参见 here )项目。
代码中还有一个更重要的事情会产生问题。您使用reloadAfterSubmit: false
环境。在这种情况下,返回 id
很重要。关于 "Insert"
服务器响应中新创建的项目手术。所以使用时应该使用response.Write(output);
在服务器响应正文中写入 id。另外您需要使用afterSubmit
(参见 the answer )从服务器响应中获取新的 id 并将其转发到 jqGrid:
grid.jqGrid('navGrid', '#pager', {},
{ height: 300, width: 300, editData: {ActionPage: 'TransportType', Action: 'Update'} },
{ height: 400, width: 500, editData: {ActionPage: 'TransportType', Action: 'Insert'},
afterSubmit: function (response) {
return [true, '', response.responseText];
}},
{},
{ width: 460 }
);
已更新:您可以从 here 下载演示项目.
关于jquery - 在jQgrid中实现删除,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10257280/
我的 jqgrid 中有一个状态栏。 如果状态为事件,我希望同一行中的另一个单元格为绿色。如果状态为“未激活”,我希望单元格为红色。 如何做到这一点? 截至目前,我已经在“图像”行上创建了一个自定义格
我正在使用 jqgrid 显示服务器中存在的数据如何在鼠标悬停工具提示上显示数据描述。 这是在 jqgrid 上显示工具提示的最佳方式? 最佳答案 鼠标悬停时 jqGrid 中显示的工具提示只不过是相
我有一个 asp.net 项目,它使用 jqgrid 作为 javascript 网格。如何找出正在使用的 jqgrid 版本? 最佳答案 如果您需要以编程方式查询版本,您可以使用: $.jgrid.
有没有办法以编程方式(在 Javascript 中,而不是服务器端)过滤当前显示在 jqGrid 中的数据?所有搜索示例似乎都依赖于使用 jqGrid 自己的搜索 UI,这对我不起作用。例如,我希望能
有没有一种方法可以切换网格的multiselect选项? 如果在创建网格时multiselect不是multiselect,则更改网格的TRUE参数并要求重新加载具有禁用或不创建标题列时将标题留在后面
我在jqGrid中使用列重新排序功能 $grid = jQuery("#list").jqGrid({ sortable:true, ... }); 重新排列列后是否会触发事件?如果有
我正在构建我的第一个ASP.NET MVC 3应用程序并使用jqGrid。我的其中一个列“Flavor Created”是日期列,我想使用DatePicker过滤该列上的网格。当前发生的情况是:用户单
我试图基于选定的行启用导航。因此,用户从jQgrid中选择一行,然后按show(有一个显示网格的按钮,我看到了edit,add等),它需要根据url转到新页面(该行的一部分) )。 $(documen
有没有办法设置 jqgrid 列的固定宽度(最大和最小)? 我已经在 colmodel 中设置了宽度属性,但是如果我调整网格的大小,列正在调整。 最佳答案 不能定义列的最大和最小宽度,但可以使其具有固
我被困在这里-生产前要做的最后一件事。 来自oracle的日期采用以下格式:“ 8/14/2012 10:46:48 AM” 我在jqgrid上使用以下内容: { name: 'CreationDat
我是 jqGrid 的新手,谁能解释一下 jqgrid colModel 中 Index 属性的用途 最佳答案 如果您使用datatype: "json" 或datatype: "xml" 没有额外使
我正在学习 jqGrid,希望最终能将它连接到 Redis 数据库。作为第一步,我正在处理本地数据。这是我必须使用可排序行(在网格中拖放行)。网格出现并且看起来不错,列甚至可以排序,但我无法选择一行并
我想每 5 分钟重新加载一次 jqgrid(给定间隔时间),是否有任何选项/事件。如何做到这一点? 最佳答案 您可以使用setInterval JavaScript函数进行自动刷新 var grid
我正在学习 jqGrid,希望最终能将它连接到 Redis 数据库。作为第一步,我正在处理本地数据。这是我必须使用可排序行(在网格中拖放行)。网格出现并且看起来不错,列甚至可以排序,但我无法选择一行并
大家好,我正在使用 JQ Grid,我得到的日期格式是 2012-09-16T00:00:00,就像这样。我希望日期格式采用 2012-09-16 方式。我试图改变它,但它不起作用。请查看我的代码并告
当我搜索 JQGrid 使用的图标时,我找到了包含所有图标的单个 PNG 文件。我想知道它如何使用图像的一部分作为 JQGrid 中使用的按钮的图标。 最佳答案 jqGrid 使用来自 jQuery
我使用 loadonce 预先获取所有数据,然后在本地进行排序和过滤。 我的列值之一是一个对象数组。在 colModel 选项中,我使用了如下所示的格式化程序函数: function my_forma
我想要在 jqGrid 中右键单击列标题时的列名称。任何代码将不胜感激。 最佳答案 可以绑定(bind)contextmenu事件到所有列标题。每个标题都是 元素等它的 DOM 支持 cellInde
我想计算总计 无需在 calctotal.php 中执行即可即时完成。从本质上讲,这是一个计算列。我想使用一些事件,如 afterInsertRow ,但即使没有事件,它也会将列数据移动一格,因为 X
我有一些数据想在 jqqgrid 中显示。除了添加、编辑和删除之外,还可以对选定记录执行其他操作。我喜欢在该记录的行中有一个用于该操作的按钮/链接的流程。有没有办法在 jqgrid 中添加未绑定(bi
我是一名优秀的程序员,十分优秀!