jQuery Grid Plugin - jqGrid - Topic: Cannot get search icon to appear... http://www.trirand.com/blog/?page_id=393/help/cannot-get-search-icon-to-appear Simple:Press Version 5.7.5.3 wexwell on Cannot get search icon to appear... http://www.trirand.com/blog/?page_id=393/help/cannot-get-search-icon-to-appear#p31099 Help http://www.trirand.com/blog/?page_id=393/help/cannot-get-search-icon-to-appear#p31099 you're welcome...

]]> Mon, 08 Sep 2014 20:18:19 +0300 tony on Cannot get search icon to appear... http://www.trirand.com/blog/?page_id=393/help/cannot-get-search-icon-to-appear#p31082 Help http://www.trirand.com/blog/?page_id=393/help/cannot-get-search-icon-to-appear#p31082 Hello,

 

Thnks for the feedback and solution. This is a mistake which often occur.

 

Regards

]]> Mon, 08 Sep 2014 14:01:51 +0300 wexwell on Cannot get search icon to appear... http://www.trirand.com/blog/?page_id=393/help/cannot-get-search-icon-to-appear#p31076 Help http://www.trirand.com/blog/?page_id=393/help/cannot-get-search-icon-to-appear#p31076 Fixed, FINALLY!  I had to locate the nav bar inside of the closing }); as noted below...

    

 jQuery(document).ready(function()
        { jQuery("#grid").jqGrid({
                url: "getinfo.php",
                datatype: "json",
                mtype: 'POST',
                autowidth: true,
                height: 330,
                colNames: ["Name", "Num", "Field", "Pad", "API", "Legal", "County, State",
                    "Lease", "Unit CA PA", "Status", "Updated", "Wildlife Stips", "Notes"],
                colModel: [
                    { name: "well_name", width: 48,sortable: true, search:true},
                    { name: "well_num", width: 18,sortable: true},
                    { name: "field", width: 48,sortable: true, search:true},
                    ...
                ],
                rowNum:10,
                rowList:[10,25,50,10000],
                pager : '#pager',
                sortname: 'field',
                viewrecords: true,
                rownumbers: true,
                gridview: true,
                sortorder: "asc",
                caption:"Master Well List Maintenance"
             });
            jQuery("#grid").jqGrid('navGrid','#pager',
            { 
                view: true, 
                del: false, 
                add: true, 
                edit: true, 
                search: true,
                refresh: true
            },
            { /*prmEdit*/ }, 
            { /*prmAdd*/ }, 
            { /*prmDel*/ } , 
            { 
                /*prmSearch*/ 
                multipleSearch:true
            }, 
            { /*prmView*/ }
            );
        });
 
]]> Fri, 05 Sep 2014 22:22:23 +0300 wexwell on Cannot get search icon to appear... http://www.trirand.com/blog/?page_id=393/help/cannot-get-search-icon-to-appear#p31058 Help http://www.trirand.com/blog/?page_id=393/help/cannot-get-search-icon-to-appear#p31058 I have tried quite a few navbar combinations, and I cannot get the search icon to appear. The grid is loading, paging working, etc...

This is my current code configuration, server code not include obviously... (I do not have some of the template specific code and such configured yet, I will put that in once I can get the icon to appear...  Laugh )

 

  <link rel="stylesheet" type="text/css" href="/Includes/jqgrid/themes/smooth/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="/Includes/jqgrid/themes/ui.jqgrid.css">
    <script type="text/javascript" src="/Includes/jqgrid/js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="/Includes/jqgrid/js/grid.locale-en.js"></script>
    <script type="text/javascript" src="/Includes/jqgrid/js/jquery.jqGrid.min.js"></script>    
    <script type="text/javascript">

      

 jQuery(document).ready(function()
        { jQuery("#grid").jqGrid({
                url: "getinfo.php",
                datatype: "json",
                mtype: 'POST',
                autowidth: true,
                height: 330,
                colNames: ["Name", "Num", "Field", "Pad", "API", "Legal", "County, State",
                    "Lease", "Unit CA PA", "Status", "Updated", "Wildlife Stips", "Notes"],
                colModel: [
                    { name: "well_name", width: 48,sortable: true, search:true},
                    { name: "well_num", width: 18,sortable: true},
                    { name: "field", width: 48,sortable: true, search:true},
                    ...

                ],
                rowNum:10,
                rowList:[10,25,50,10000],
                pager : '#gridpager',
                sortname: 'field',
                viewrecords: true,
                rownumbers: true,
                gridview: true,
                sortorder: "asc",
                caption:"Master Well List Maintenance"
             });
        });
    jQuery("#grid").jqGrid('navGrid','#gridpager',
    {
        edit:false,
        add:false,
        del:false
    },
    {},
    {},
    {},
    {
        multipleSearch:true,
        multipleGroup:true,
        showQuery: true,
        // set the names of the template
        "tmplNames" : ["Template One", "Template Two"],
        // set the template contents
        "tmplFilters": [template1, template2]
    });

 

     

 <section class="grid">     
           <table id="grid"></table>
           <div id="gridpager"></div>
           <script type="text/javascript">
      </section>
]]> Fri, 05 Sep 2014 01:25:52 +0300