Jquery ASP.net MVC代码段问题中的Jqgrid实现

在实现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>

这是我在c语言中的控制器函数#

---

提前感谢。

尝试在屏幕上渲染网格

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'
            });
        });

如果正确导入jquery和jqgrid库，网格将正确渲染。表Id：列表也应该存在于dom/HTML上。。

---

如果没有呈现它，那么要么您在firebug控制台上得到任何错误，要么表container div被隐藏

jQuery（document）.ready（function（）{将仅在刷新DOM时调用。请尝试将jqgrid代码放在文档外部。ready@Rajesh，它不起作用，我只是按照你的建议对该部分进行了注释，它不起作用。请告诉我任何替代方法好的，有一件事我不明白你为什么要将jqgrid初始化代码放在一个方法中？在这里var ReportTab=函数（）{return{Init:function（）{…你想在特定事件中显示网格吗？你能在屏幕上看到网格吗？你的问题是网格刷新或控制台上出现任何错误？实际上我是这个asp的新手，在我的项目中所有页面都是这样实现的，所以我想以类似的方式实现。所以请建议我如何克服这个问题控制台出错？如果我添加此代码，我会出错，我刚刚导入了所有内容，我会出错Microsoft JScript运行时错误：对象不支持此属性或方法

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);
        }

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'
            });
        });