我试图将 jqGrid 用于移动设备开发,但我无法获得与 Web 视图相同的视图。寻呼机箭头和其他图像仅在我鼠标悬停时显示。
如果我必须为插件在移动设备上工作做一些特别的事情,请告诉我。
我在让 columnChooser 工作时也遇到了问题。弹窗不来
谢谢
[更新] 请在下面找到我正在编写的函数。
我包括的文件是:
- jquery.mobile-1.0.min.css
- jqmobile-patch.css
- jquery-ui.css
- ui.jqgrid.css
- ui.multiselect.css
- jquery-1.7.1.min.js
- jquery-ui.min.js
- ui.multiselect.js
- grid.locale-en.js
- jquery.jqGrid.min.js
按照提供的顺序。
function buildGrid() {
var grid = jQuery("#contactGrid");
grid.jqGrid({
url: '/public/json/contactsdata.json',
mtype:'GET',
datatype: 'json',
headertitles: true,
sortable: true,
colNames:['ID','Name','Date of Birth',"Email","Marital Status"],
colModel:[
{name:'id', index:'id'},
{name:'name',index:'name'},
{name:'dob',index:'dob'},
{name:'email',index:'email'},
{name:'maritalstatus',index:'maritalstatus'}
],
sortname: 'id',
sortorder: 'asc',
rowNum:5,
rowList:[5,10,20],
pager: '#contactPager',
viewrecords: true,
autowidth: true,
shrinkToFit: true,
loadonce:true,
emptyrecords: "No Records to display",
height: 'auto',
width: '80%',
caption: "Contact Details",
ignoreCase: true,
gridview: true
});
grid.jqGrid('navGrid', '#contactPager', {refreshstate: 'current', search:true,add: false, edit: false, del: false});
grid.jqGrid('navButtonAdd', '#contactPager', {
caption: "",
buttonicon: "ui-icon-calculator",
title: "Choose columns",
onClickButton: function () {
$(this).jqGrid('columnChooser');
}
});
};