Flexigrid реализации CSS меняются динамически - PullRequest
Новая
       11

Flexigrid реализации CSS меняются динамически

1 голос
/ 26 января 2012

У меня проблема с реализацией изменения цвета фона одной строки в таблице Flexigrid, когда я выполняю какие-то действия в этой таблице.

У меня есть таблица, определенная так: 

$(document).ready(function() {

        $("#newTable").flexigrid({
        url: 'agendaTipoAppuntamentoInitJson.do',
        dataType: 'json',
        colModel : [
            {display: 'ID',                 name : 'idTipoAppuntamento', width : 40, sortable : false, align: 'center', hide: true},
            {display: 'Codice',             name : 'codice', width : 60, sortable : false, align: 'left'},
            {display: 'Descrizione',        name : 'descrizione', width : 130, sortable : false, align: 'left'},
            {display: 'Descr. breve',       name : 'descrBreve', width : 80, sortable : false, align: 'left'},
            {display: 'Colore',             name : 'colore', width : 80, sortable : false, align: 'left'},
            {display: 'ID Struttura',       name : 'idStruttura', width : 60, sortable : false, align: 'left', hide: true},
            {display: 'Descr. Struttura',   name : 'descrizioneStruttura', width : 150, sortable : false, align: 'left'},
            {display: 'ID Spec',            name : 'idSpecializzazione', width : 60, sortable : false, align: 'left', hide: true},
            {display: 'Descr. Spec',        name : 'descrizioneSpecializzazione', width : 150, sortable : false, align: 'left'}
            ],
        usepager: true,
        title: 'Gestione tipi appuntamento',
        useRp: true,
        rp: 15,
        showTableToggleBtn: true,
        width: 950,
        height: 370,
        singleSelect: true,
        click: editMe
    }); 


});

и диалоговое окно JQuery: 

$(function() {

        $( "#dialog:ui-dialog" ).dialog( "destroy" );

        $( "#newDialog-form" ).dialog({
             open : function(event, ui) { 
                  originalContent = $("#newDialog-form").html();
                  $('#coloreIns').simpleColorPicker({ showEffect: 'fade', hideEffect: 'slide' });
               },
               close : function(event, ui) {
                  $("#newDialog-form").html(originalContent);
               },
            autoOpen: false,
            height: 300,
            width: 350,
            modal: true,

            buttons: {
                Salva: function() {

                     $.ajax({

                            url: 'agendaTipoAppuntamentoSaveJson.do',

                            type: "POST",
                            dataType: "json",
                            data: $("#newDialogForm").serialize(),
                            success: function(result) {
                                if (result.esito!='OK') {
                                    alert(result.esito + ' ' + result.message);  
                                }
                                else {
                                    $("#newTable").flexReload();
                                    $( "#newDialog-form" ).dialog( 'close' );

                                }
                            },
                            error:function (xhr, ajaxOptions, thrownError){
                                alert(xhr.status);
                                alert(thrownError);
                        }  
                        });



                },
                Annula : function() {
                    $( this ).dialog( "close" );
                }

            }});

        $( "#newDialog-form" ).dialog({ closeText: ''  });

    });

Мне нужна функция JavaSript для изменения CSS строки, которая вставляется с функцией Salva в диалоговом окне.

Не понимаю, как это сделать во Flexigrid.

...