Javascript css动态变化的Flexigrid实现
当我在Flexigrid表中执行某些操作时,在Flexigrid表中执行更改一行背景颜色的操作时遇到问题 我对表格的定义如下:Javascript css动态变化的Flexigrid实现,javascript,jquery,flexigrid,Javascript,Jquery,Flexigrid,当我在Flexigrid表中执行某些操作时,在Flexigrid表中执行更改一行背景颜色的操作时遇到问题 我对表格的定义如下: $(document).ready(function() { $("#newTable").flexigrid({ url: 'agendaTipoAppuntamentoInitJson.do', dataType: 'json', colModel : [ {display:
$(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函数来更改在对话框中使用Salva函数插入的行的css
不知道如何在Flexigrid中执行此操作