jQuery Grid Plugin - jqGridForum

Topic RSS

[Patch] Row highlighting in celledit

30/10/2008
05:38

Joris

Member

Members

Forum Posts: 10

Member Since:
30/10/2008

Offline

This patch highlights the current row when using celleditting:

grid.celledit.js:

Line 64:

if(parseInt($t.p.iCol)>=0 && parseInt($t.p.iRow)>=0) {

$("td:eq("+$t.p.iCol+")",$t.rows[$t.p.iRow]).removeClass("edit-cell");

$($t.rows[$t.p.iRow]).removeClass("selected-row"); // added

}

$($t.rows[iRow]).addClass("selected-row"); // added

$(cc).addClass("edit-cell");

Line 90:

if (parseInt($t.p.iCol)>=0 && parseInt($t.p.iRow)>=0) {

$("td:eq("+$t.p.iCol+")",$t.rows[$t.p.iRow]).removeClass("edit-cell");

$($t.rows[$t.p.iRow]).removeClass("selected-row");//added

}

$($t.rows[iRow]).addClass("selected-row");//added

$("td:eq("+iCol+")",$t.rows[iRow]).addClass("edit-cell");

grid.css: Add the class selected-row:

.selected-row, .selected-row TD {

background-color: blue;

}

and set the edit-cell bgcolor to !important:

.edit-cell {

background-color: #E1DCF4 !important;

}

My linenumbers aren't 100% correct, but it should be easy to find.

31/10/2008
02:05

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Thank you, will make some tests with this.

Best Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
44 Guest(s)

Currently Browsing this Page:
1 Guest(s)