最近在倒腾jqGrid插件的使用,配置项比较多,
这里先放一个别人已经写好的完整实例,点击打开链接,有需要的朋友自行跳转查看,http://www.cnblogs.com/miro/p/jqGrid.html
后续再陆续总结自己遇到的一些实际问题。
遇到的实际的问题:
1.当不需要分页显示,后面多了的数据动态加载的时候,设置了属性
scrollPopUp: true,
scroll: 1,
page: 1,
但是设置了之后,想在loadComplete事件中默认选中行,一直选不中,至今也没清楚为什么,因为表的数据本不大,最后只好舍弃了上面设置的属性。
loadComplete: function () {
$("#Grid1").jqGrid('setSelection', 1, true);
$("#Page1_center").remove(); }
2.在增删查改操作提交后,让弹出框消失,只需设置:
reloadAfterSubmit: true,
closeAfterAdd: true,
3.jqGrid重新绑定数据,刷新表格
$("#search").on("click", function () {
$("#Grid1").jqGrid('setGridParam', {
datatype: 'json',
postData: data,
}).trigger("reloadGrid"); //重新载入
})
4.子iframe获得上层文档的元素
js写法:
window.parent.document.getElementById("myEle");
jq要简洁一些:
$("#myEle", window.parent.document)
或者
parent.$("#myEle").html(html); //父文档也要调用 jQuery