jQuery Grid Plugin - jqGridForum

05/11/2009
07:27

Ron

Guest

Guests

1

Is there an example of using the integrated search in 3.6? The 3.5 examples does not seem to work, although I am a little unclear on how the 'filter' div is used by the filterToolbar function.

I converted to the new calling convention, so I have $('#scrolling").jqGrid('filterToolbar'); as my function.

Thanks for your assistance,

Ron

06/11/2009
10:21

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

2

Hello,

So what does not work?

By the way you have error calling this:

$('#scrolling”).jqGrid('filterToolbar');

maybe it should be

$("#scrolling”).jqGrid('filterToolbar');

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.

09/11/2009
07:17

Ron

Guest

Guests

3

Tony,

The quote was a typo when I entered the text in the forum, it is not so in my code.

Anyway, when I put a call to filterToolbar into my script, I get an error on the following line in grid.custom.js:

th = $("<th role='columnheader' class='ui-state-default ui-th-column ui-th-"+ts.p.direction+"'></th>"); 636

Saying that ts is not defined.

Thanks for your help!

Ron

09/11/2009
10:45

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

4

Hello,

Could you please post the whole code?

Also be a sure thet you download the needed module grid.custom.js or load them into the page.

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.

09/11/2009
11:26

Ron

Guest

Guests

5

Here is the code. The error is coming from grid.custom.js

HTML:

js:

...

var mygrid = $("#s3list").jqGrid({
url:'http://localhost:8080/browse/s.....R',
      datatype: "json",
      width: 700,
      colNames:['Column Name','Type','Null'],
      colModel:[
        {name: 'colname',index:'colname'},
        {name: 'coltype',index:'coltype'},
        {name: 'nullable',index:'nullable'}
        ],
      rowNum:10,
      mtype: "GET",
      pager: '#s3pager',
      sortname: 'colname',
       toolbar: [true,'top'],
      viewrecords: true,
      rownumbers: true,
      sortorder: "desc",
      gridview : true,
      caption:"Toolbar Search Example" });
mygrid.jqGrid('navGrid','#s3pager',{edit:false,add:false,del:false,search:false,refresh:false});
mygrid.jqGrid('filterToolbar'); // Problem occurs on this call

the error is:

Line 635 of grid.custom.js: ts is not defined

Thanks for your help,

Ron

15/12/2009
00:19

david

Guest

Guests

6

Hi .

Why does this error filterToolbar

th = $("<th role='columnheader' clas...umn ui-th-"+ts.p.direction+"'></th>");\\r\\n

say that the modules are loaded

15/12/2009
19:14

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

7

Hello

Look herehow to call this method

http://www.trirand.com/jqgridw....._searching

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.

15/12/2009
19:28

david

Guest

Guests

8

where is the error in code

jQuery("#jqgajax").jqGrid({
      url:'server.php?q=2',
    editurl: "server.php",

   datatype: "json",
    colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
    colModel:[
        {name:'id',index:'id', width:55},
        {name:'invdate',index:'invdate', width:90},
        {name:'name',index:'name asc, invdate', width:100,
       editable: true, edittype:"select", editoptions:{dataUrl:'test.txt',width:100}, search:true },
        {name:'amount',index:'amount', width:80, align:"right",editable:true},
        {name:'tax',index:'tax', width:80, align:"right", search:true},
        {name:'total',index:'total', width:80,align:"right"},
        {name:'note',index:'note', width:150, sortable:false}
    ],
    rowNum:10,
    width:700,
    autowidth: true,
    rownumbers: true,
   // toolbar: [true,"top"],
      rowList:[10,20,30],
    pager: '#pjqgajax',
    sortname: 'invdate',
    viewrecords: true,
    sortorder: "desc",
    caption:"New API Example"
});
jQuery("#jqgajax").jqGrid('navGrid','#pjqgajax',{edit:true,add:true,del:false});

jQuery("#jqgajax").jqGrid('filterToolbar');

15/12/2009
19:34

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

9

Hello,

Please read carfully. There is important note and exmaple.

Reagrds

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.

15/12/2009
19:52

david

Guest

Guests

10

honestly, I read but I understand where I wrong

15/12/2009
20:42

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

11

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/12/2009
15:37

david

Guest

Guests

12

Tony

In version 3.6 simple it's something wrong, because filterToolbar doesn't work.

17/12/2009
22:16

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

13

Hello,

I do not see any problems in the demo which uses the latest version. Open you jqGrid min file and see which modules are included.

To have this feature the grid.custom.js should be here.

Best Regsrds

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.