jQuery Grid Plugin - jqGridForum

08/06/2010
21:24

Romanp

Member

Members

Forum Posts: 7

Member Since:
19/05/2010

Offline

1

Hello,

I have a grid which is performing a custom search using a select box with values coming from a URL. In Chrome and Safari, the select box has values, but the first one is not displayed in the list, as it is in IE and FireFox.

Thanks,

Roman

13/06/2010
21:02

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

2

Hello,

We need a additional info on this - link wil be great, otherwiese we can not help.

Thanks

Regards

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.

16/06/2010
17:58

Romanp

Member

Members

Forum Posts: 7

Member Since:
19/05/2010

Offline

3

Hi Tony,

I'm using the grid inside a Microsoft MVC website, and it's working great in FireFox and IE. Jquery is version 1.4.2 and the grid's version is 3.6.5.

A link is not possible, but here is the basic grid setup:

PortalGrid.Home.ProductGrid = {
setupGrid: function(grid, pager, search) {

        grid.jqGrid({
            colNames: ['Transaction Number', 'Status', 'Created By', 'Created On'],
            colModel: [{ name: 'TransactionNumber', index: 'TransactionNumber', width: 200 },
                       { name: 'Status', index: 'Status', width: 100 },
                       { name: 'CreatedBy', index: 'CreatedBy', width: 250 },
                       { name: 'CreatedOn', index: 'CreatedOn', width: 175 },
                      ],
            pager: pager,
            sortname: 'CreatedOn',
            rowNum: 10,
            rowList: [10, 20, 50],
            sortorder: "desc",
            url: "/Portal/Queue/Transactions",
            filterToolbar: true,
            ondblClickRow: ShowTransactionDetails,
            search: true,
            postData: { Status: 'CreatedOn > 5/1/2010 AND Status == InProgress' }
        }),
        grid.jqGrid('navGrid', '#pager', { edit: false,
                                           add: false,
                                           del: false,
                                           search: false,
                                           refreshstate: "current"
                                         }),
        search.jqGrid('filterGrid', "#grid", {
            gridModel: false,
            autosearch: true,
            filterModel: [{
                label: 'Order Status:',
                name: 'Status',
                stype: 'select',
                defval: 'InProgress',
                surl: '/Portal/Queue/SearchFilter'
            }]
          })
       }
    };

The url parameter referred to above returns this html:

<html>
<body>
<select>
    <option value='CreatedOn > 5/1/2010 AND Status == InProgress'> InProgress </option>
    <option value='CreatedOn > 5/1/2010'> All </option>
    <option value='CreatedOn > 5/1/2010 AND Status == Completed'> Completed </option>
</select>
</body>
</html>

Please let me know if any of this is unclear or if you have more comments,

Thanks in advance

Roman

17/06/2010
13:25

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

4

Hello,

Could you please try to return only

<select>
    <option value='CreatedOn > 5/1/2010 AND Status == InProgress'> InProgress </option>
    <option value='CreatedOn > 5/1/2010'> All </option>
    <option value='CreatedOn > 5/1/2010 AND Status == Completed'> Completed </option>
</select>

without html and body tags.

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.

17/06/2010
15:51

Romanp

Member

Members

Forum Posts: 7

Member Since:
19/05/2010

Offline

5

Hi,

That does not seem to help.

Sorry,

Roman

17/06/2010
16:32

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

6

try

<select>
    <option value='CreatedOn > 5/1/2010 AND Status == InProgress'> InProgress </option>
    <option value='CreatedOn > 5/1/2010'> All </option>
    <option value='CreatedOn > 5/1/2010 AND Status == Completed'> Completed </option>
</select>

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.

17/06/2010
17:03

Romanp

Member

Members

Forum Posts: 7

Member Since:
19/05/2010

Offline

7

Hi Tony,

That doesn't help either. Thanks for the prompt replies to my questions.

Sorry,

Roman

17/06/2010
17:17

gseroul

Member

Members

Forum Posts: 15

Member Since:
19/02/2010

Offline

8

Hi I think I have a bit same problem on edit form select default value, see my post http://www.trirand.com/blog/?p.....ect-field/

My problem is for having selected by default the current value in the grid. In FF the 1st value of the list is selected, on Safari nothing is selected (select box is white), and on Opera 1st value is selected but the default value is never working (see my post).

20/06/2010
09:40

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

9

Hello,

Lokking into the code your value will not be selected since of this:

….

defval: 'InProgress',

…

and the select

<select>
    <option value='CreatedOn > 5/1/2010 AND Status == InProgress'> InProgress </option>
    <option value='CreatedOn > 5/1/2010'> All </option>
    <option value='CreatedOn > 5/1/2010 AND Status == Completed'> Completed </option>
</select>

Hope you got the point

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.

21/06/2010
16:26

Romanp

Member

Members

Forum Posts: 7

Member Since:
19/05/2010

Offline

10

Thanks! That works great

Roman