Импорт тега span в определение Flexigrid - PullRequest
Новая
       9

Импорт тега span в определение Flexigrid

0 голосов
/ 30 января 2012

У меня есть таблица, определенная с помощью FlexiGrid.Вызов всех переменных в порядке.Один столбец - это цвет, который я выбираю с помощью JavaScript.Перед тем, как начать использовать Flexigrid, я определял один столбец как: 

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

Это показывало мне маленький квадрат с выбранным цветом.Теперь я не знаю, как сделать само, но с FlexiGrid.

У меня такой вопрос: как импортировать тег span в определение таблицы 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
}); });

1 Ответ

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

Я прошел через нечто подобное, как у вас раньше. Попробуйте перед отправкой данных 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>  ,.. ] }]

В случае, если он не отображает ваш диапазон должным образом, используйте> и <вместо <и>.

...