jQuery Grid Plugin - jqGridForum

Topic RSS

how to use jqGrid 4.0 on xhtml-page

09/04/2011
21:47

BorisKorobkov

Member

Members

Forum Posts: 3

Member Since:
09/04/2011

Offline

If you want to use jqGrid 4.0 on xhtml-page, you must make valid code. Replace:

if(this.tagName!="TABLE")
->
if(this.tagName.toLowerCase()!='table')
<a href='javascript:void(0)' id='"+H+"' class='fm-button ui-state-default ui-corner-left'><span class='ui-icon ui-icon-triangle-1-w'></span></div>
->
<a href='javascript:void(0)' id='"+H+"' class='fm-button ui-state-default ui-corner-left'><span class='ui-icon ui-icon-triangle-1-w'></span></a>
<a href='javascript:void(0)' id='"+X+"' class='fm-button ui-state-default ui-corner-right'><span class='ui-icon ui-icon-triangle-1-e'></span></div>
->
<a href='javascript:void(0)' id='"+X+"' class='fm-button ui-state-default ui-corner-right'><span class='ui-icon ui-icon-triangle-1-e'></span></a>
" selected=selected"
->
" selected='selected'"

09/04/2011
23:22

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

Hello Boris,

it would be much better if you will post the information based on uncompressed code of jqGrid, for example, from the jquery.jqGrid.src.js or more better from the original version of jqGrid modules which you will find in the src directory of downloaded zip file. At the end one have to find the corresponding place in the jqGrid original code.

I use only XHTML pages and the tagName in all web browsers are in capital characters. I don't think that one need change if(this.tagName!="TABLE") to if(this.tagName.toLowerCase()!='table'). If you do have an example post it, but with the exact information which web browser and in which version has problem.
You mean probebly the lines 903 and 904 of the grid.formedit.js where

var bP = "<a href='javascript:void(0)' id='"+bp+"' class='fm-button ui-state-default ui-corner-left'><span class='ui-icon ui-icon-triangle-1-w'></span></div>",
bN = "<a href='javascript:void(0)' id='"+bn+"' class='fm-button ui-state-default ui-corner-right'><span class='ui-icon ui-icon-triangle-1-e'></span></div>",

should be fixed to

var bP = "<a href='javascript:void(0)' id='"+bp+"' class='fm-button ui-state-default ui-corner-left'><span class='ui-icon ui-icon-triangle-1-w'></span></a>",
bN = "<a href='javascript:void(0)' id='"+bn+"' class='fm-button ui-state-default ui-corner-right'><span class='ui-icon ui-icon-triangle-1-e'></span></a>",

In the line 377 of the grid.filter.js

so = rule.op === that.p.ops[i].name ? " selected=selected" : "";

should be included quotes

so = rule.op === that.p.ops[i].name ? " selected='selected'" : "";

Best regards
Oleg

09/04/2011
23:42

BorisKorobkov

Member

Members

Forum Posts: 3

Member Since:
09/04/2011

Offline

1. grid.base.js line 860

I'm using HTML5 page.

tagName in all web browsers are in capital characters with content_type = 'text/html'. But tagName in all web browsers are in lower case with content_type = 'application/xhtml+xml'. Better to make code independed of content_type.

Also you can make

if(this.tagName.toUpperCase()!='TABLE')

2. yes

11/04/2011
12:56

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Thanks fixed.

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:
39 Guest(s)

Currently Browsing this Page:
1 Guest(s)