jQuery Grid Plugin - jqGridForum

15/01/2010
06:36

pcalca007

Member

Members

Forum Posts: 3

Member Since:
15/01/2010

Offline

1

Hi guys. I'm having an issue with modal search. Modal pop up shows ok, but after “reset” or “find” is clicked the modal functionality disspear and although search box remains active you can click into jqGrid. Seems to be a problem with the overlay or after binding the new data jquery deactivate modal. In other words, I want to reproduce what is given in the examples, you cannot "use" the grid until you close the search modal. Ideas?

Code:

jQuery(”#listNoticias”).jqGrid({

url: '<%= Url.Action(”ObtenerDatosGrid”) %>',

datatype: 'json',

mtype: 'GET',

loadui: 'block',

multiselect: false,

colNames: ['Id', 'Creada', 'Titulo', 'Opciones'],

colModel: [

{ index: 'Id', hidden: true, search: false },

{ index: 'Creada', width: 50, align: 'left', searchoptions: { dataInit: datePick, sopt: ['le', 'ge', 'eq']} },

{ index: 'Titulo', width: 150, align: 'left', searchoptions: { sopt: ['cn']} },

{ index: 'Opciones', width: 50, formatter: formatOpciones, align: 'center', sortable: false, search: false }

],

pager: jQuery('#pagerNoticias'),

rowNum: 8,

rowList: [8, 15, 20],

sortname: 'Creada',

sortorder: 'desc',

viewrecords: true,

imgpath: '/content/cupertino/images',

height: 240,

width: 867,

hidegrid: false

//});

});

jQuery('#listNoticias').jqGrid('navGrid', '#pagerNoticias' , { search: true, edit: false, add: false, del: false, searchtext: “Buscar” },

{}, // default settings for edit

{}, // default settings for add

{}, // delete instead that del:false we need this

{ Modals: true, closeAfterSearch: true, drag: true, closeOnEscape: true }, // search options

{} /* view parameters*/

);

Thanks and Regards!

15/01/2010
19:51

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

2

Hello,

I think that the problem is that you maybe use the grid css file from the development version and to the full one.

If you use this file from src dir you should load the jquery.searchFilter.css too.

Please let me know if this was the problem.

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.

16/01/2010
00:40

pcalca007

Member

Members

Forum Posts: 3

Member Since:
15/01/2010

Offline

3

Hi Tony, thanks for the answer.

This is not the problem, I already tried with both combination deployment CSS and development CSS/jquery.searchFilter.css.

Before "Find(Buscar)" or "Reset(Limpiar)" button clicked:

[Image Can Not Be Found]

After "Find(Buscar)" or "Reset(Limpiar)" button clicked:

[Image Can Not Be Found]

Please notice that although search box remains active you can click into jqGrid anyway.

Heare are CSS/ JS used:

Thanks and Regards!

Pablo

16/01/2010
11:15

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

4

Hello,

Try to remove the datePick function and try. - i.e do not call dataInit for the datepicker

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.

16/01/2010
20:26

pcalca007

Member

Members

Forum Posts: 3

Member Since:
15/01/2010

Offline

5

Hi Tony, issue still happening after removing datePick function.

Debugging I found that the problem occurs @ line #153 and line #166 from gridformedit.js.

grid.trigger("reloadGrid",[{page:1}]);

Grid removes the overlay as it ussually does after reloading data.

I think I will need a conditional statement looking for the opened seach box. Suggestions?

Thanks!

Pablo

19/01/2010
11:33

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

6

Hello,

Any changes to the css or the jqGrid code from you?

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.