モバイルデバイスのJqGrid

Question

モバイルデバイスの開発にjqGridを使用しようとしましたが、Webビューと同じビューを取得できません。ポケベルの矢印やその他の画像は、マウスオーバーすると表示されます。

モバイルデバイスでプラグインを使用するために特別な処理をしなければならないかどうか教えてください。

columnChooserを動作させる際にも問題があります。ポップアップは、私が書いている機能の下に見つけてください

おかげ

[更新] に来ていません。私は含めてい

ファイルは、次のとおりです。

1. jquery.mobile-1.0.min.css
2. jqmobile-patch.css
3. jqueryの-ui.css
4. ui.jqgrid。 CSS
5. ui.multiselect.css
6. jqueryの-1.7.1.min.js
7. jqueryの-ui.min.js
8. ui.multiselect.js
9. grid.locale-en.js
10. 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'); 
      } 
     }); 
}; 

Answer 1

私はこの問題を解決しました。この問題は、ファイルを含む順に問題がありました。私が従った順序は次の通りです：

<link rel="stylesheet" href="/public/jqmobile/jquery.mobile-1.0.min.css"> 
<link rel="stylesheet" href="/public/css/jqmobile-patch.css"> 
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/jquery-ui.css" /> 
<link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.1/css/ui.jqgrid.css" /> 
<link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.1/plugin/ui.multiselect.css" /> 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="/public/jqmobile/jquery.mobile-1.0.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="/public/js/jqmobile-patch.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 
<script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.1/plugin/ui.multiselect.js"></script> 
<script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.1/js/i18n/grid.locale-en.js"></script> 
<script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.3.1/js/jquery.jqGrid.src.js"></script>