Jquery 在JQgrid MVC4下方添加、编辑、搜索、页面按钮

我使用下面的方法在JQGrid中绑定数据，效果很好

我的问题是，按钮像添加，编辑，页面，搜索。。。在网格底部（在参考图像中高亮显示）不显示

如何在JQgrid下面插入添加、编辑、搜索、页面按钮

按如下顺序添加脚本文件

    <link href="~/Content/Content/redmond/jquery-ui-1.10.4.custom.css" rel="stylesheet" />
    <link href="~/JQGrid/css/ui.jqgrid.css" rel="stylesheet" />
    <script src="~/JQGrid/js/jquery-1.11.0.min.js"></script>
    <script src="~/JQGrid/js/i18n/grid.locale-en.js"></script>
    <script src="~/JQGrid/js/jquery.jqGrid.min.js"></script>
    <script src="~/JQGrid/js/jquery.jqGrid.src.js"></script>

JqGrid脚本

<script type="text/javascript">
    $(document).ready(function () { 
    $(function () {
        jQuery("#persontable").jqGrid({
            url: '/Home/passjson',
            datatype: "json",
            mtype: 'GET',
            colNames: ['FirstName', 'LastName', 'LevelOfEducation','Company'],
            colModel: [
                        { name: 'FirstName', index: 'FirstName', width: 100, align: 'left' },
                        { name: 'LastName', index: 'LastName', width: 110, align: 'left' },
                        { name: 'LevelOfEducation', index: 'LevelOfEducation', width: 110, align: 'left' },
                        { name: 'Company', index: 'Company', width: 110, align: 'left' }
            ],
            rowNum: 10,
            rowList: [10, 20, 30],
            sort: 'FirstName',
            viewrecords: true,
            gridview: true,
            loadonce: true,
            toolbar: [true, 'bottom'],
            multiselect: true,
            pager: "#jQGridPager",
            cellEdit: false,
            rowNumbers: true,
            viewrecords: true
        });

        $('#persontable').jqGrid('navGrid', '#jQGridPager',
        {
            edit: true,
            add: true,
            del: true,
            search: true,
            searchtext: "Search",
            addtext: "Add",
            edittext: "Edit",
            deltext: "Delete",
            refreshtext: "Refresh",
            position: 'left'
        });

    });
    });
</script>   
<table id="persontable" ></table>

$（文档）.ready（函数（）{
$（函数（）{
jQuery（“#persontable”）.jqGrid({
url:“/Home/passjson”，
数据类型：“json”，
mtype:'获取'，
colname:['FirstName'，'LastName'，'LevelOfEducation'，'Company']，
colModel：[
{name:'FirstName'，index:'FirstName'，宽度：100，对齐：'left'}，
{name:'LastName'，index:'LastName'，宽度：110，对齐：'left'}，
{name:'LevelOfEducation'，index:'LevelOfEducation'，宽度：110，对齐：'left'}，
{名称：'Company'，索引：'Company'，宽度：110，对齐：'left'}
],
rowNum:10，
行列表：[10,20,30]，
排序：'FirstName'，
viewrecords：是的，
gridview：没错，
有一次：是的，
工具栏：[true，'bottom']，
多选：对，
寻呼机：“jQGridPager”，
cellEdit:错，
行数：对，
viewrecords：正确
});
$（'persontable'）.jqGrid（'navGrid'，'jQGridPager'，
{
编辑：对，
加：是的，
戴尔：是的，
搜索：对，
searchtext:“搜索”，
addtext:“添加”，
编辑文本：“编辑”，
删除“，
刷新文本：“刷新”，
位置：'左'
});
});
});

参考图像

---

jqgrid使用的按钮图像来自jquery主题。检查图像是否位于主题css的子目录name

images

，在您的情况下，可能位于redmond/images文件夹中。

jqgrid使用的按钮图像来自jquery主题。检查图像是否在主题css的子目录名

images

中，在您的情况下可能在redmond/images文件夹中。

首先，您应该使用

jquery.jqGrid.min.js

或

jquery.jqGrid.src.js

，但不能同时使用两者

你的问题似乎对我很容易。您使用jqGrid的选项

pager:“#jQGridPager”

，并使用参数

“#jQGridPager”

”调用

navGrid

，但您没有使用

id=“jQGridPager”

定义空

。所以我想你应该加上

与

---

顺便说一下，

sort:'FirstName'

选项不存在。您可能是指

sortname:'FirstName'

首先，您应该使用

jquery.jqGrid.min.js

或

jquery.jqGrid.src.js

，但不能同时使用两者

你的问题似乎对我很容易。您使用jqGrid的选项

pager:“#jQGridPager”

，并使用参数

“#jQGridPager”

”调用

navGrid

，但您没有使用

id=“jQGridPager”

定义空

。所以我想你应该加上

与

---

顺便说一下，

sort:'FirstName'

选项不存在。也许你的意思是

sortname:'FirstName'

你有名为

jQGridPager

的寻呼机吗？@nazmoonnoor是的。但是它不工作吗？你有名为

jQGridPager

的寻呼机吗？@nazmoonnoor是的。但是它不工作了，即使页面也没有显示，即使页面也没有显示