Larry D on jqGridImport and add icons

Sun, 27 Sep 2009 12:55:07 +0300

I worked it out.

Needed to use the importComplete option:

    jQuery("#test").jqGridImport({imptype:"json",impurl:"/ajax/load_form_settings.php",importComplete:
        function(){
            jQuery("#test").setCaption("<?php echo $grid_title; ?>");
            jQuery("#test").navGrid("#pager_form",{refresh: true, edit: false, add: false, del: false, search: true})
            .navButtonAdd("#pager_form",{caption:"",title:"Select Columns in the Grid",buttonicon:"ui-icon-wrench",onClickButton:function(){jQuery("#test").setColumns();}
            });
        }
    });

Larry D on jqGridImport and add icons

Sun, 27 Sep 2009 08:27:34 +0300

How can I add icons when using jqgridimport?

I can import a grid fine but navbutton icons are not saved with jqgridexport and are thus not imported. To get around this I add the nav settings after the import:

<table id="test"></table><div id="pager_form" class="scroll"></div>
<script type="text/javascript">
jQuery(document).ready(function(){

jQuery("#test").jqGridImport({imptype:"json",impurl:"/ajax/load_form_settings.php"});

$("#test").navGrid("#pager_form", {refresh:false, edit:false, add:false, del:false, search:false},
    {height:475,width:500,reloadAfterSubmit:false,edithidden:true,
       }, // edit options
    {}, // add options
    {}, // del options
    {multipleSearch:true,width:450,Find:"Search",sopt:['eq','ne','lt','le','gt','ge','cn']} // search options
)
.navButtonAdd('#pager_form',{caption:"",title:"Select Columns in the Grid",buttonicon:"ui-icon-wrench",
    onClickButton:function(){
        jQuery("#test").setColumns();
    }
})
.navButtonAdd('#pager_form',{caption:"",title:"Export <?php echo $name; ?> Form to Spreadsheet",buttonicon:"ui-icon-calculator",
     onClickButton:function(){
    window.open("/ajax/get_form_csv.php","_blank");
     }
})
.navButtonAdd('#pager_form',{caption:"",title:"Form Printout for <?php echo $name; ?>",buttonicon:"ui-icon-print",
     onClickButton:function(){
    window.open("/ajax/get_form_print.php","_blank");
     }
});

});
</script>

The grid is displayed but there are no nav buttons and no error.

jQuery Grid Plugin - jqGrid - Topic: jqGridImport and add icons

Larry D on jqGridImport and add icons

Larry D on jqGridImport and add icons