jQuery Grid Plugin - jqGrid - Topic: Add a class to a row during Json generation

kamass on Add a class to a row during Json generation

Fri, 08 Jan 2010 14:00:22 +0200

It is normal, and I understand you don't have time to do everything people would like!

Anyway thanks again for your support.

tony on Add a class to a row during Json generation

Fri, 08 Jan 2010 13:52:30 +0200

Hello,

Thanks. Will try to investigate this and if everthing is ok will implement it - but remember I do not promiese this.

Best Regards

Tony

kamass on Add a class to a row during Json generation

Fri, 08 Jan 2010 12:30:25 +0200

Here is the Css I have used (if people are interessed) :

tr.myCssClass td{
    background-color: #F2A22F;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #f3f3f3;
}

kamass on Add a class to a row during Json generation

Fri, 08 Jan 2010 12:20:38 +0200

I just hope that you'll implement this feature in the next versions of jqGrid!

I think it can be useful to a lot of people.

But your grid is already excellent, so... thank you for everything!

kamass on Add a class to a row during Json generation

Fri, 08 Jan 2010 12:09:57 +0200

Hi,

I just want to say that I manage to do what I want by editing your JavaScript.

In grid.base.js :

Line 611 : (for Json)

- rowData[ari++] = "<tr id=\\""+ idr +"\\" role=\\"row\\" class= \\"ui-widget-content jqgrow ui-row-"+ts.p.direction+""+cn1+"\\">";

+ rowData[ari++] = "<tr id=\\""+ idr +"\\" role=\\"row\\" class= \\"ui-widget-content jqgrow ui-row-"+ts.p.direction+""+cn1+" " +cur["clazz"]+"\\">";

======================================

I haven't tried what is below, because I do not use Xml format.

Line 475-->484 : (for Xml)

            if( (idn+"").indexOf("[") === -1 ) {
                if (f.length) {
                    getId = function( trow, k) {return $(idn,trow).text() || k;
                    getClazz = function( trow, k) {return $("clazz",trow).text() || k;};
                } else {
                    getId = function( trow, k) {return $(ts.p.xmlReader.cell,trow).eq(idn).text() || k;
                    getClazz = function( trow, k) {return $(ts.p.xmlReader.cell,trow).eq("clazz").text() || k;};
                }
            }
            else {
                getId = function( trow, k) {return trow.getAttribute(idn.replace(/[\\[\\]]/g,"")) || k;
                getClazz = function( trow, k) {return trow.getAttribute("clazz".replace(/[\\[\\]]/g,"")) || k;};
            }

Line 496-->498 :

                rid = getId(xmlr,br+j);
                rclazz = getClazz(xmlr,br+j);
                cn1 = j%2 == 1 ? cn : '';
                rowData[ari++] = "<tr id=\\""+rid+"\\" role=\\"row\\" class =\\"ui-widget-content jqgrow ui-row-"+ts.p.direction+""+cn1+" "+rclazz +"\\">";

tony on Add a class to a row during Json generation

Thu, 07 Jan 2010 21:13:29 +0200

Hello,

Not possible for now. When using the readers with repeatitems set to false, this can be done easy, but will make a lot of code when this option is set to true.

Regards

Tony

kamass on Add a class to a row during Json generation

Thu, 07 Jan 2010 16:08:13 +0200

Hi,

I would like to know if it's possible to add a class to a row during Json generation ?

Thus, I would be able to color rows thanks to css depending row values.

[Example]

    $response->rows[$i]['id']=$row['id'];
    $response->rows[$i]['clazz']='myCssClass';
    $response->rows[$i]['cell'] = array([...]);

Thanks.