最近在学习使用jqgrid,由于初次使用就要应用的工程的开发当中,还是遇到了不小的麻烦,在此梳理遇到的问题及解决方法。
遇到问题:
1、如何解决翻页键不好用的问题
2、如何调整grid的宽度和高度
3、当grid宽度超过页面的宽度之后,如何在grid下面生成横向滚动条
4、如何调整grid中的字体大小
5、如何实现宽度自适应
6、如何显示或者隐藏jqgrid自带的编辑、添加、删除、查询等按钮
解决方法:
1、在初始化jqgrid的位置加入如下代码:
loadonce: true,
2、在初始化grid的位置加入如下代码,注意两者格式不同
height:'250px',
width:1860,
3、在初始化gridの位置加入如下代码
shrinkToFit:false,
4、这个jqgrid好像没有给出直接调整字体大小的接口,我们需要编写css代码来控制
代码实现:
.customerGrid{
font-size: 24px;
margin-left: 20px;
}
.........
<table class="customerGrid" id="list2"></table>
5、同样还是shrinkToFit属性,这次将它调整为true
shrinkToFit:ture
6、在jqgrid官方给的demo这有这么一行代码

可以用它来控制按钮的显示和隐藏
| add | 添加 |
| edit | 编辑 |
| del | 删除 |
| view | 查看 |
| search | 查找 |
| refresh | 刷新 |
如果想在显示,就将对应的属性设置为true,如果想隐藏就将对应的属性设置为false
本文分享了在使用jqGrid过程中遇到的常见问题及其解决方案,包括翻页键失灵、调整宽度和高度、生成横向滚动条、调整字体大小、实现宽度自适应以及控制默认按钮的显示与隐藏。
341

被折叠的 条评论
为什么被折叠?



