jQuery Grid Plugin - jqGrid - Topic: Single Seach Box Modal functionality dissapear after “find” or “reset” clicked http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked Simple:Press Version 5.7.5.3 tony on Single Seach Box Modal functionality dissapear after “find” or “reset” clicked http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked#p14035 Help http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked#p14035 Hello,

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

Regards

Tony

]]> Tue, 19 Jan 2010 11:33:28 +0200 pcalca007 on Single Seach Box Modal functionality dissapear after “find” or “reset” clicked http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked#p13979 Help http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked#p13979 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

]]> Sat, 16 Jan 2010 20:26:55 +0200 tony on Single Seach Box Modal functionality dissapear after “find” or “reset” clicked http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked#p13971 Help http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked#p13971 Hello,

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

Regards

Tony

]]> Sat, 16 Jan 2010 11:15:03 +0200 pcalca007 on Single Seach Box Modal functionality dissapear after “find” or “reset” clicked http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked#p13964 Help http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked#p13964 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:

<link href="../../Content/cupertino/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
<link href="../../Content/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<link href="../../Content/jquery.searchFilter.css" rel="stylesheet" type="text/css" />

<script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="../../Scripts/grid.locale-sp.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="../../Scripts/grid.common.js" type="text/javascript"></script>
<script src="../../Scripts/grid.formedit.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.searchFilter.js" type="text/javascript"></script>

Thanks and Regards!

Pablo

]]> Sat, 16 Jan 2010 00:40:06 +0200 tony on Single Seach Box Modal functionality dissapear after “find” or “reset” clicked http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked#p13957 Help http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked#p13957 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

]]> Fri, 15 Jan 2010 19:51:29 +0200 pcalca007 on Single Seach Box Modal functionality dissapear after “find” or “reset” clicked http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked#p13928 Help http://www.trirand.com/blog/?page_id=393/help/single-seach-box-modal-functionality-dissapear-after-find-or-reset-clicked#p13928 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*/

            );    

<table id=”listNoticias”></table>

<div id=”pagerNoticias”></div>

Thanks and Regards!

]]> Fri, 15 Jan 2010 06:36:24 +0200