0

FlexiGridでテーブルを定義しました。すべての変数の呼び出しは問題ありません。1つの列は、Simple ColorPickerJavaScriptで選択した色です。Flexigridの使用を開始する前は、1つの列を次のように定義していました。

<span style="background: <c:out value="${current.colore}" />">&nbsp;&nbsp;&nbsp;</span>

これは私に選ばれた色の小さな正方形を見せていました。今、私はサモを行う方法を知りませんが、FlexiGridを使用します。

私の質問は、スパンタグをFlexiGridテーブル定義にインポートして、色の値を読み取り、すべての行にその色で1つのボックスをペイントする方法です。

テーブルのコードは次のとおりです。

$(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
}); });
4

1 に答える 1

1

私はあなたのようなことを以前に経験しました。サーバー側から Json データを送信する前に、次のようにしてください。

サーバー側で - flexigrid に送信する前に - 次のように Json データを作成します。

total: (no of rec)
 page : (page no)
 rows : [{cell: [ (col1 value) , <span style="background: <c:out value=" + MyColorValue1 + " />">&nbsp;&nbsp;&nbsp;</span> ,.. ] },
        {cell: [ (col1 value) , <span style="background: <c:out value=" + MyColorValue2 + " />">&nbsp;&nbsp;&nbsp;</span>  ,.. ] }]

スパンが適切に表示されない場合は、< と > の代わりに > と < を使用してください。

于 2012-01-30T15:59:20.733 に答える