2013-10-11 5 views
0

Недавно мы обновились от jqGrid 4.4.1 до jqGrid 4.5.2 и заметили, что некоторые из наших форматирования ячеек больше не работают.jqGrid 4.5.2 - ошибка форматирования

Мы ранее не имели функции форматировщик определяется как

function addEllipsis(cellvalue) { 
    return '<div class="ellipsis" title="' + cellvalue + '">' + cellvalue + '</div>'; 
} 

Мы хотели бы использовать это в нашем colModel, например,

colModel = [ 
{ 
    name: "longText", 
    label: "longText", 
    formatter: addEllipsis 
}, 
... 
] 

Однако форматировщик больше не работает - многоточие не добавляя к клеткам. Когда я понижаюсь до jqGrid 4.4.3, он отлично работает. Но обновление до> = 4.5.2 заставляет эллипсис уходить.

Это ошибка в версиях 4.5?

Обновление: Вот CSS для класса многоточия.

.ellipsis { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    -o-text-overflow: ellipsis; 
    -moz-binding: url('assets/xml/ellipsis.xml#ellipsis'); 
} 
+0

Как вы определили правила CSS, используя класс «эллипсис»? Почему вам нужно использовать пользовательские форматы для столбца? – Oleg

+0

Привет, Олег, приятно слышать от вас. Я обновил сообщение, чтобы включить CSS для класса многоточия. Что касается вашего комментария, есть ли простой способ сделать это без пользовательских форматировщиков? – ktm5124

ответ

1

Я бы реализовал многоточие в jqGrid несколькими способами. В the old demo создан для the answer. Я использовал более конкретно Правило CSS, которое позволяет размещать многоточие во всех столбцах сетки.

The new demo использует classes: "ellipsis" Недвижимость в colModel. Он позволяет размещать ellipsis класс на <td> элементов конкретных столбцов. Я используется правило CSS

.ui-jqgrid tr.jqgrow td.ellipsis { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    -o-text-overflow: ellipsis; 
} 

Основное преимущество подхода: вам не нужно использовать пользовательские форматтеры. В демке я объединил formatter: "date" с classes: "ellipsis" и вы можете увидеть следующую картину в результате

enter image description here

Так что я не думаю, что описанная проблема является ошибка в jqGrid 4.5.2. Я думаю, что вам нужно просто настроить правило CSS и удалить пользовательский форматтер, который вы используете в настоящее время.

+0

Спасибо, это аккуратный способ сделать это. Ваше присутствие на этих форумах очень ценится :-) – ktm5124

+0

@ ktm5124: Добро пожаловать! Я рад, что вы нашли мои старые ответы полезными. – Oleg

Смежные вопросы