4

プロジェクトでflexigridを使用していますが、グリッドが更新された後も選択した行を保持できるようにしたいと思います。私はflexigridディスカッション掲示板で同じ質問をしました、そして私はこの答えを得ました：

クリックハンドラーを追加し、行の行IDが選択されている場合はIDを保存します。更新が完了したら、行を再度選択します（まだ存在する場合）

これをどのように進めるかわからない、関数がどのように見えるかさえわからないので、最初にコードを持っていないのはそのためです。

誰かが私を正しい方向に向けることができれば、大いに感謝されます。

ありがとう、

クリスティアン。

4

2 に答える 2

2

Flexigrid は、trSelected選択された行に呼び出されるクラスを追加するため、グリッドでクリック イベントが発生するたびに、選択されたすべての行を探して何らかの方法で保存することができます。以下は、あなたができることの簡単な例です:

var selectedRows = new Array();

$('#myGrid').click(function() {
    selectedRows = new Array();

    $(this).find('tr.trSelected').each(function(i, selectedRow) {
        selectedRows.push($(selectedRow));        
    });
});
于 2011-09-30T03:51:25.713 に答える
1

ページネーション間および更新中に複数選択を維持するために、小さなコードを実行しました。

    $("#searchPhonoList").flexigrid($.extend({}, flexigridAttrs, {
        url: './rest/phono/search',
        preProcess: formatSearchPhonoResults,
        onSuccess: successSearchPhono,
        onSubmit: submit,
        method: 'GET',
        dataType: 'json',
        colModel : [
            {display: 'titre', name: 'titre_brut', width : 240,  sortable : true, align: 'left'},
            {display: 'version', name: 'version_brut', width : 60,  sortable : true, align: 'left'}
        ],
        height: "auto",
        sortname: "score",
        sortorder: "desc",
        showTableToggleBtn: false,
        showToggleBtn: false,
        singleSelect: false,
        onToggleCol: false,
        usepager: true, 
        title: "Liste des candidats",
        resizable: true,
        rp:20,
        useRp: true
    }));  

    var searchPhonoListSelection = new Array();

    $('#searchPhonoList').click(function(event){

        $(' tbody tr', this).each( function(){
            var id = $(this).attr('id').substr(3);
            if ( searchPhonoListSelection.indexOf(id) != -1 ) {
                searchPhonoListSelection.splice(searchPhonoListSelection.indexOf(id), 1);
            }
        });

        $('.trSelected', this).each( function(){
            var id = $(this).attr('id').substr(3);
            if ( searchPhonoListSelection.indexOf(id) == -1  ) {
                searchPhonoListSelection.push(id);
            }
        });
    });


    function successSearchPhono() {
        $("#searchPhonoList tbody tr").each( function() {
            var id = $(this).attr('id').substr(3);
            if ( searchPhonoListSelection.indexOf(id) != -1 ) {
                $(this).addClass("trSelected");
            }
        });
    }
于 2012-07-20T15:19:45.513 に答える