MultiSelect jqgrid MVC3的OnClickButton函数参数 [英] OnClickButton function parameter for MultiSelect jqgrid MVC3
问题描述
我正在尝试使用 jqgrid 中的多选功能来选择多行并将其传递给控制器.我创建了一个按钮,如下所示,但是当我选择行并单击按钮时,未触发单击按钮事件.我猜我向函数传递了错误的参数.下面是javascript代码...
I am trying to use multiselect functionality in jqgrid to select multiple rows and pass it to the controller. I have created a button as follows but when I select the rows and click the button, the click button event was not fired. I am guessing I am passing wrong parameter to the function. Below is javascript code...
$("#request").jqGrid('navButtonAdd', '#requestpager',
{ caption: "Add", buttonicon: "ui-icon-info", title: "Add", //position: "first",
onClickButton: function (ids) {
var grid = $("#request");
var rowids = grid.jqGrid('getGridParam', 'selarrrow');
var count = rowids.length;
var rowData, colData;
for (var i = 0; i < count; i++) {
rowData = $("#request").getRowData(rowids[i]);
colData = rowData.Name;
}
jQuery("#request").jqGrid({ url: "/Home/Create/" + colData });
有人对我做错了什么有任何建议吗?
Does anyone has any suggestion of what I am doing wrong?
推荐答案
嗯,在 jqgrid 中实现多选并不难,我会给你一个我在项目中实现的工作示例.
well its not difficult to implement multiselect in jqgrid, I'll give you a working example which i'd implemented in my project.
HTML<代码>
<table id="grid" cellpadding="0" cellspacing="0"></table>//your grid
<div id="pagerGrid" style="text-align:center;"></div><br />//pager
<div><span><button type="button" id="sendMe" class="send" >Send Me To Controller</button>//button which will take the data of all multiselect rows to controller
在你的 JqGrid 中启用 multiselect: true
in your JqGrid just enable multiselect: true
并编写这个javascript函数
and write this javascript function
<代码>
$('#sendMe').click(function(){
var selRowIds = $('#grid').jqGrid('getGridParam', 'selarrrow');
if(selRowIds.length>0)
{
for( var i=0;i<selRowIds.length;i++){
var Id=getCellValue(selRowIds[i],'Id');
var Name=getCellValue(selRowIds[i],'Name');
var Company=getCellValue(selRowIds[i],'Company');
$.ajax({
type: 'POST',
url: '@Url.Action("AddMe")',
contentType: 'application/json; charset=utf-8',
data:JSON.stringify({Id: Id,Name:Name,Company:Company}),
dataType: "json",
success:function(){
$('#grid').trigger("reloadGrid");
}
error: function () {
}
});
}
}
});
你的控制器方法会像这样
and you controller method will lok like this
<代码>
[HttpPost]
public ActionResult AddMe(int? Id, string Name, string Company)
{
}
我希望这会有所帮助,这是一个可行的示例...
I hope this helps, its a working example...
P.S-如果对你有帮助,请将其标记为答案.
P.S- please mark it as answer if it helped you.
这篇关于MultiSelect jqgrid MVC3的OnClickButton函数参数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!