我在实现 Jqgrid 时传递参数和调用 get 方法时遇到问题。
我的应用程序是如何工作的，它有一组 .htm 文件，一个相应的 java 脚本文件。现在我想在一个选项卡中实现 jqgrid。我已经添加了所有必要的功能，但我的控制器方法本身没有被调用，请帮助。
这是我的 .htm 文件
<div id="report-tab">
<h2>My Grid Data</h2>
<table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>
<div id="pager" class="scroll" style="text-align:center;"></div>
</div>
这是我的 report.js 文件，直到 init 函数才得到控制，但它不会触发我的 c# 函数。即json方法。
var ReportTab = function () {
return {
Init: function () {
//Control comes till here, but it wont go inside,
jQuery(document).ready(function() {
jQuery("#list").jqGrid({
Url: '/Home/GridData',
datatype: 'json',
mtype: 'GET',
colNames: ['Id', 'Votes', 'Title'],
colModel: [
{ name: 'Id', index: 'Id', width: 40, align: 'left' },
{ name: 'Votes', index: 'Votes', width: 40, align: 'left' },
{ name: 'Title', index: 'Title', width: 200, align: 'left'}],
pager: jQuery('#pager'),
rowNum: 10,
rowList: [5, 10, 20, 50],
sortname: 'Id',
sortorder: "desc",
viewrecords: true,
imgpath: '/scripts/themes/coffee/images',
caption: 'My first grid'
});
});
}
}
} ();
这是我在 c# 中的控制器功能
public ActionResult GridData(string sidx, string sord, int page, int rows)
{
_logger.LogMethodAndType();
var jsonData = new
{
total = 1, // we'll implement later
page = page,
records = 3, // implement later
rows = new[]{
new {id = 1, cell = new[] {"1", "-7", "Is this a good question?"}},
new {id = 2, cell = new[] {"2", "15", "Is this a blatant ripoff?"}},
new {id = 3, cell = new[] {"3", "23", "Why is the sky blue?"}}
}
};
return Json(jsonData, JsonRequestBehavior.AllowGet);
}
提前致谢。