prettyCheckable na jqGrid Multiselect

mamjqGrid tabela z polami wyboru wielokrotnego, które dostosowałem za pomocą CSS iprettyCheckable.

Aby dostosować wszystkie pola wyboru mojego stołu, ustawiłem.prettyCheckable() następująco:

jQuery(document).ready(function($){
    $("input[type=checkbox]").change(function() {
        $(this).triggerHandler("click");
    }).prettyCheckable();
}); 

ale to nie działa. Tylko pierwsze pole wyboru ma styl.

Więc próbowałem wstawić funkcję.prettyCheckable() wloadComplete zjqGridi zgodnie z sugestiąOleg #tutaj, dodając sprawdzoną klasę dla<a>.

To są moje ustawienia jqGrid:

$(document).ready(function() {
     $('#searchForm').ajaxForm(function() {
        var _data = $('#searchForm').serialize();
        $('#ResultsTable').jqGrid().setGridParam({
            url: '${searchUrl}' + _data,
            loadComplete: function () {
                $(this).find("input.cbox").prettyCheckable();
            }
        }).trigger("reloadGrid")
        return true;
    });
    jsonTable('ResultsTable', 'ResultsPager', '${searchUrl}', 'searchForm',
        {id: 'code'},
        ['Code', 'Description', 'CF'],
        [{name: 'code', index: 'code', width: 55},
        {name: 'description', index: 'description', width: 90},
        {name: 'CF', index: 'CF', width: 80},
        function(id) {
            var selRows = $(this).jqGrid('getGridParam', 'selarrrow');
            $('#edit').toggle(selRows.length == 1);
            $('#delete').toggle(selRows.length > 0);
            $('#editForm #code').val(selRows);
            $('#deleteForm #code').val(selRows);
            //$("#jqg_" + $.jgrid.jqID(this.id + "_" + id)).next("a").toggleClass('checked');
        },
        function(aSel, selected) {
            $('#edit').toggle(false);
            $('#delete').toggle(selected);
            if (selected) {
                $('#editForm #code').val(selRows);
                $('#deleteForm #code').val(selRows);
            }
        },
        true
    )      
});

ale także z tym nie działa, jak mogę rozwiązać ten problem?

Stworzyłem małe demo tutaj: jsfiddle.net/LStvX/1
Każda pomoc jest doceniana, dziękuję!

questionAnswers(1)

yourAnswerToTheQuestion