jQuery Grid Plugin - jqGrid - Topic: Add css classes to colModel properties

Renso on Add css classes to colModel properties

Thu, 17 Sep 2009 06:43:24 +0300

formatoptions seems the most logical place, thanks heaps.

tony on Add css classes to colModel properties

Fri, 11 Sep 2009 02:58:37 +0300

Hello,

Thanks.

What about to define this in formatoptions, but in this case we should define formatter. Will think about this.

Regards

Tony

Renso on Add css classes to colModel properties

Thu, 10 Sep 2009 07:38:33 +0300

For rows especially Tony, for example I have a list of contacts with their phone numbers and want to style the phne number column based on a class. Maybe something like:

colModel:[
{name: 'Phone', index: 'Phone', edittype: { classes: ['blurMe','smallFont','blueMe'] }

]

or maybe the formatter with a custom format function will suffice:

colModel:[

{name: 'Phone', index: 'Phone', formatter: {'classes: ['blurMe','smallFont','blueMe'] } }

]

with the fmatter:

$.fn.fmatter.classes = function (el,cellval, opts) {
        var op = $.extend({},opts.classes);
        if(!isUndefined(opts.colModel.formatoptions)) {
            op = $.extend({},op,opts.colModel.formatoptions);
        }
        if(isEmpty(cellval)) {
            cellval = op.defaultValue || 0;
        }
       $(op.classes).each(function(){
            $(el).addClass(this);
       }
    };

tony on Add css classes to colModel properties

Thu, 10 Sep 2009 03:58:38 +0300

Hello,

Not sure what you mean - do you mean only for the headers or for both headers and rows

Regards

Tony

Renso on Add css classes to colModel properties

Tue, 08 Sep 2009 17:40:24 +0300

being able to add your own css classes to properties in colModel so that they may be styled accordingly.