2016-08-12 57 views
0

私の問題を解決するのに役立つ体はありますか?jqgridチェックボックスは、ソートや検索後にチェックされたままにすることはできません

問題は次のとおりです。チェックボックスをオンにしてテキストボックスを使用して検索するか、列を並べ替えると、チェックされたチェックボックスはチェックされていません。ここで

は私のコードスニペットです:これは、HTMLで

// PREPARE VARIABLE FOR TABLE DATA FILLUP 
var mydata = [ 
    {"sequence":"sequence","odk":"odk","down":"down"} 
]; 

$(document).ready(function() { 
//TO LOAD THE DATA IN TABLE 
$("#jqGrid").jqGrid({ 
    datatype: "local", 
    data: mydata, 
    height: 250, 
    width: 961, 
    colModel: [ 
     { label: 'sequence', name: 'sequence', width: 75 }, 
        { label: 'ODK', name: 'odk', width: 75 }, 
     { label: 'Down', name: 'down', width: 75 }, 

    ], 
    viewrecords: true, // show the current page, data rang and total records on the toolbar 
    <!--sortable: true,--> 
    colMenu : true, 
    shrinkToFit : false, 
    multiselect: true, 
    caption: "Game Film Search Tool", 
}); 
$('#jqGrid').jqGrid('filterToolbar',{ 
    stringResult: true, 
    //searchOnEnter: false, 
    searchOperators : true 
}); 
}); 

// AS SELECT CHECKBOX FROM TABLE 
function getSelectedRows() { 

var grid = $("#jqGrid"); 
var rowKey = grid.getGridParam("selrow"); 

if (!rowKey) 
alert("No rows are selected"); 
else { 
var selectedIDs = grid.getGridParam("selarrrow"); 
var result = ""; 
for (var i = 0; i < selectedIDs.length; i++) { 
    result += selectedIDs[i] + ","; 
} 

var reelName = prompt("Please enter a title", "Title"); 
if (reelName != null) { 
    //alert("Saving " + reelName + " with these clips" + result); 
    var gameid = $(".schoolid_chk").val(); 
    var result = result.slice(0,-1); 
    $.ajax({ 
     data:{'reelName':reelName,'result': result}, 
     type: 'POST', 
     dataType:'html', 
     url: 'saveReelHeaderAndDetail.php', 
     success:function(data){ 
       $('#savemsg').text(data); 
       $('#savemsg').show(); 
     }, 
    }); 
} 
    } 
    } 

<table id="jqGrid"></table>

enter image description here

+0

使用するjqGridのバージョンとjqGrid([free jqGrid](https://github.com/free-jqgrid/jqGrid))の商用バージョン[Guriddo jqGrid JS](http://guriddo.net /?page_id = 103334)またはバージョン<= 4.7の古いjqGrid)。さらに、PHPコードをポストするのではなく、 'mydata'のテストデータを含めると便利です。作業デモ(JSFiddleでexamle用)にURLを投稿する方がより良いでしょう。私が開発した無料のjqGridフォークは 'multiselect:true'オプション([here](http://stackoverflow.com/a/33021115/315935))をサポートしています。これは' multiselect:true'と組み合わせることができます。それは問題を解決するはずです。 – Oleg

+0

Sry olega不具合については、jqGrid JS - v5.1.1 - 2016-06-08を使用しています。私はすでにmultiselectを設定しています:本当ですが、それでも同じ問題 – nim

+0

とはい、私はjsfiddleでサンプルデータを使ってコードスニペットを追加します – nim

答えて

1

私はあなたが(現在のバージョンは4.13.4です)free jqGridにアップグレードすることをお勧めします。新しいオプションmultiPageSelection: trueが含まれており、multiselect: trueと組み合わせることができます。オプションを追加すると問題が解決するはずです。詳細はthe old answerのために用意したthe demoを参照してください。

0

オレゴン提案として私はちょうど私のファイルに最新のjqgrid jqueryを追加しました、それは解決されています。

ありがとうございました。

関連する問題