该博客介绍如何利用jqGrid在前端实现本地数据的加载和分页功能。通过设置`datatype`为`local`，结合`loadComplete`事件处理函数动态加载数据，并提供查询、重置功能，展示了如何添加和更新表格数据。
| 单位名称 | 转让单号 | ||
| 产品代码 | 是否定向 | 是 否} option |
查询
重置
functioninitJqGrid() {var postData = getPostData(); //这个变量接收的传给后台的参数 (可以复制粘贴搜索这个函数位置)
//var url = '这里写你要请求的地址'; //因为本地加载所以不需要这个
$('#jqGrid').jqGrid({//url: url,
datatype: 'local', //获取本地数据必须将datatype值改为 local
mtype: 'post',//width: 'auto',
sortOrder: 'asc', //默认排序
styleUI: 'bootstrap', //设置jqGrid的全局样式为bootstrap样式
colModel: [{label: '产品代码', name: 'productCode', align: 'center', width: 170, sortable: false},
{label:'产品代码', name: 'productCode', align: 'center', width: 170, sortable: false},
{label:'产品代码',
最低0.47元/天 解锁文章
177
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
