<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jqGrid Mobile</title>
<link rel="stylesheet" href="css/default/jquery.mobile.css" />
<link rel="stylesheet" href="css/ui.jqgrid-mobile.css" />
<script src="js/jquery.min.js"></script>
<script language="javascript" src="js/jquerymobile.jqGrid.min.js" id="s1"></script>
<script language="javascript" src="js/i18n/grid.locale-en.js"></script>
<script src="js/jquery.mobile.js"></script>
<!-- bellow scripts are not needed in your code. This is a syntax highliher -->
<link rel="stylesheet" href="css/shCore.css" />
<link rel="stylesheet" href="css/shThemeDefault.css" />
<script language="javascript" src="js/shCore.js"></script>
<script language="javascript" src="js/shAutoloader.js"></script>
<script language="javascript" src="js/shLegacy.js"></script>
<script language="javascript" src="js/shBrushJScript.js"></script>
</head>
<body>
<div id="page" data-role="page" data-theme="a">
<table id='grid'></table>
<div id='pager'></div>
<script type='text/javascript'>
jQuery('#grid').jqGrid({
"hoverrows":false,
"viewrecords":true,
"jsonReader":{"repeatitems":false,"subgrid":{"repeatitems":false}},
"gridview":true,
"loadonce":true,
"url":"data.json",
"autowidth":true,
"height": 320,
"rowNum":20,
"scroll":1,
"rowList" : [20,40,60],
"sortname":"OrderID",
"datatype":"json",
"colModel":[
{"name":"OrderID","index":"OrderID","sorttype":"int","key":true,"width":100,"editable":true},
{"name":"OrderDate","index":"OrderDate","sorttype":"datetime","formatter":"date","formatoptions":{"srcformat":"Y-m-d H:i:s","newformat":"m/d/Y"},"editable":true},
{"name":"ShipName","index":"ShipName","sorttype":"string","editable":true},
{"name":"Freight","index":"Freight","sorttype":"numeric","editable":true}
],
"loadError":function(xhr,status, err){
try {
jQuery.jgrid.info_dialog(jQuery.jgrid.errors.errcap,'<div class="ui-state-error">'+ xhr.responseText +'</div>', jQuery.jgrid.edit.bClose,
{buttonalign:'right'});
} catch(e) {
alert(xhr.responseText);}
},
"pager":"#pager",
"grouping":true,
"groupingView":{"groupField":["OrderDate"],"groupOrder":["ASC"], "groupText":["合并日期：" + "{0}"],"groupColumnShow":[false],"groupSummary":[false], "showSummaryOnHide": [false], "sortitems":[], "sortnames":[], "summary":[],"summaryval":[]}
});
setTimeout(function() {
SyntaxHighlighter.highlight({useScriptTags:false}, '')},
100);
</script>
</div>
</body>
</html>
JQuery Mobile 中实现 jqGrid 数据分组
4星 · 超过85%的资源 需积分: 10 120 浏览量
2015-10-29
11:58:36
上传
评论
收藏 411KB ZIP 举报 
JQuery Mobile 中实现 jqGrid 数据分组 （225个子文件） 
jquery.mobile.css 234KB ui.jqgrid-mobile.css 20KB shCoreEclipse.css 9KB shCore.css 6KB shThemeEclipse.css 3KB shThemeDefault.css 3KB shThemeEmacs.css 3KB
ajax-loader.gif 6KB
index.html 3KB jquery.mobile.js 455KB jquerymobile.jqGrid.min.js 249KB jquery.min.js 82KB shCore.js 43KB grid.locale-en.js 8KB shLegacy.js 4KB shAutoloader.js 3KB shBrushJScript.js 2KB data.json 14KB
icons-36-white.png 4KB icons-36-black.png 4KB icons-18-white.png 2KB icons-18-black.png 2KB pull-icon@2x.png 850B pull-icon@2x.png 850B zoomico.png 501B search-black.png 324B search-white.png 321B gear-black.png 318B clock-white.png 316B audio-white.png 314B clock-black.png 310B forbidden-white.png 308B audio-black.png 307B power-white.png 302B gear-white.png 302B refresh-white.png 301B forbidden-black.png 299B refresh-black.png 295B power-black.png 292B phone-white.png 274B phone-black.png 270B recycle-white.png 253B eye-white.png 253B camera-white.png 251B info-white.png 251B camera-black.png 250B info-black.png 250B eye-black.png 249B location-white.png 247B heart-white.png 246B user-white.png 245B user-black.png 245B location-black.png 245B alert-black.png 244B alert-white.png 243B recycle-black.png 243B forward-white.png 243B navigation-black.png 242B heart-black.png 242B navigation-white.png 241B back-white.png 240B star-white.png 239B forward-black.png 233B back-black.png 233B star-black.png 231B action-white.png 227B mail-white.png 227B mail-black.png 226B action-black.png 219B carat-d-white.png 213B cloud-black.png 212B cloud-white.png 210B lock-white.png 207B carat-d-black.png 207B carat-u-white.png 204B lock-black.png 204B carat-u-black.png 196B carat-r-white.png 194B delete-white.png 185B carat-r-black.png 184B carat-l-white.png 177B carat-l-black.png 174B shop-black.png 174B arrow-d-l-white.png 173B shop-white.png 173B check-white.png 172B video-black.png 171B delete-black.png 171B arrow-d-r-white.png 171B edit-white.png 170B video-white.png 170B check-black.png 169B arrow-u-l-white.png 169B grid-white.png 167B arrow-d-l-black.png 167B arrow-u-r-white.png 165B comment-black.png 165B arrow-u-r-black.png 163B arrow-u-l-black.png 163B edit-black.png 163B共 225 条
- 1
- 2
- 3
资源评论
nasasyq12015-11-30这个还可以。但是我个人也只能参考下。
扛麻袋的少年2018-08-20报错一大堆，这评论还是刷出来的？？？
greedwind2017-12-09这个还可以。
