<!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 数据分组 (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
gear-white.png 302B
power-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
eye-white.png 253B
recycle-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
location-black.png 245B
user-white.png 245B
user-black.png 245B
alert-black.png 244B
recycle-black.png 243B
forward-white.png 243B
alert-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
shop-white.png 173B
arrow-d-l-white.png 173B
check-white.png 172B
delete-black.png 171B
arrow-d-r-white.png 171B
video-black.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
comment-black.png 165B
arrow-u-r-white.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这个还可以。
Holobor
- 粉丝: 7
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功