关于MVC中使用JqGrid插件分页时无法显示分页按钮(首页、上一页、下一页、最后一页)的原因

来源:互联网 发布:阿里云客服是什么 编辑:程序博客网 时间:2024/05/02 01:32

遇到这样问题的小伙伴,可以尝试下如下方法(注意:在各种脚本和样式都引用正确的情况下可参考):

当你发现或觉得这中情况的出现让你百思不得其解时,首先我们来对比一下我们双方的脚本和样式引用:
CSS:

<link href="~/Content/bootstrap.min.css" rel="stylesheet" />    <link href="~/Scripts/JqGrid/ui.jqgridffe4.css" rel="stylesheet" />

JS:
<script src="~/Scripts/jquery-1.11.0.min.js"></script>    <script src="~/Scripts/BoootStrap/bootstrap.min.js"></script>
<script src="~/Scripts/JqGrid/grid.locale-cnffe4.js"></script>    <script src="~/Scripts/JqGrid/jquery.jqGrid.minffe4.js"></script>

其次,我们发现,决定这些按钮的显示的,应该不仅仅是CSS的问题,还与jquery.jqGrid.minffe4.js有重大关系(是它决定了在加载时怎样调用样式类的)!打开jquery.jqGrid.minffe4.js进去看一下:

我们发现,在决定StyleUI时有两种选择:1是jQueryUI,2是Bootstrap。很显然,web优先使用了jQueryUI。由此,我们在使用JqGrid({})中就可以使用styleUI参数来选择了。就如:
$("#grid").jqGrid({
                    url: '/Membership/GetUserList',
                    postData: { phone: phone, keyword: keyword },
                    datatype: "json",
                    height: height,
                    autowidth: true,
                    shrinkToFit: true,
                    forceFit: true,

                    styleUI:'Bootstrap',

                    loadtext: '信息读取中...',
                    rowNum: 10,
                    rowList: [10, 20, 30],
                    multiselect: true,。。。。。。。。这样写下去了。

PS:这种方法,并不能保证一定有效,再说这样的问题也许只在使用MVC中在分布页中又定义了jquery脚本(<script src="~/Scripts/jquery-1.11.0.min.js"></script>)才会出现的问题,若不然,应该不会出现这样的问题的。
再PS:styleUI这个参数之前我也是使用过的,只是没想到这次问题出现在了这里。

以上。

阅读全文
0 0
原创粉丝点击