jQuery Grid Plugin - jqGrid

Hi Tony,

Yes that the demo links shared by you for JQGid are working perfectly fine on IE6 and 7.

I just noticed it that even when I run it from JSP page it wirks fine for IE 6 / 7. In my applications at the Web layer we use XSL and as I found it is not working in IE6 and 7 only when I try to render it within the XSL page. 

I dont have any direct link which can we shared but I am posting the code from my XSL file hope if its usefull for you.

------------------------------------------------------------------------------------------------
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:wdk="http://www.saba.com/XML/WDK">
    <xsl:import href="../wdk/xsl/view/wdk_defaultview.xsl"/>
    <xsl:variable name="css" select="/wdk:page/wdk:head/wdk:theme/href"/>
    <xsl:variable name="siteroot" select="/wdk:page/wdk:head/wdk:site/siteRoot"/>
    <xsl:template match="wdk:model">
        <link rel="stylesheet" type="text/css" media="screen" href="{$siteroot}/themes/sand/grid.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="{$siteroot}/themes/jqModal.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="{$siteroot}/css/ui.jqgrid.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="{$siteroot}/css/ui.hoover.css" />
         
        <script type="text/javascript"><xsl:attribute name="src"><xsl:value-of select="$siteroot"/>/jquery.js</xsl:attribute></script>
        <script type="text/javascript"><xsl:attribute name="src"><xsl:value-of select="$siteroot"/>/hovertip.js</xsl:attribute></script>
        <script type="text/javascript"><xsl:attribute name="src"><xsl:value-of select="$siteroot"/>/jquery.jqGrid.js</xsl:attribute></script>
        <script type="text/javascript"><xsl:attribute name="src"><xsl:value-of select="$siteroot"/>/js/jqModal.js</xsl:attribute></script>
        <script type="text/javascript"><xsl:attribute name="src"><xsl:value-of select="$siteroot"/>/js/jqDnR.js</xsl:attribute></script>
        <script type="text/javascript"><xsl:attribute name="src"><xsl:value-of select="$siteroot"/>/js/grid.inlinedit.js</xsl:attribute></script>
       
        <script language="javascript"> 
       
        // initialize tooltips in a seperate thread
        $(document).ready(function() {
          window.setTimeout(hovertipInit, 1);
         });

        var lastsel;
        jQuery(document).ready(function(){
            jQuery("#list").jqGrid({
                url:'http://sparakh:8180/Saba/TestJ.....t&#39;,
                datatype: 'xml',
                colNames:['Username', 'FName','LName', 'Email','PersonNo','SSN'],
                colModel :[
                        {name:'username', index:'username', width:150, editable:false, align:'left',resizable:true, formatter: 'showlink'},
                        {name:'fname', index:'fname', width:90, editable:false, resizable:true},
                        {name:'lname', index:'lname', width:90, editable:false, resizable:true},
                        {name:'email', index:'email', width:180, editable:true, align:'left',resizable:true},
                        {name:'person_no', index:'person_no', width:100, editable:false, align:'right',resizable:true},
                        {name:'ss_no', index:'ss_no', width:100, sortable:false, editable:true, resizable:false} ],
                    pager: jQuery('#pager'),
                    sortname: 'fname',
                    sortorder: "asc",
                    viewrecords: true,
                    height:'auto',
                    autowidth: true,
                    cellEdit: true,
                    cellurl: 'http://sparakh:8180/Saba/TestJqGridServlet&#39;,
                    treeGrid: true,
                    treeGridModel : 'adjacency',
                    ExpandColumn : 'username',
                    imgpath: '/Saba/assets/themes/sand/images',
                    <!--caption: 'My Grid', -->
                    loadComplete: function()
                    {
                        window.setTimeout(hovertipInit, 1);
                    },
                    loadError : function(xhr,st,err)
                    {
                        jQuery("#rsperror").html("Type: "+st+"; Response: "+ xhr.status + " "+xhr.statusText);
                    }
                });
             });
       
       
        function myPopup(url)
        {
            var finalurl = '/common/profile/profileSnapshotPopup.rdf?managerContext=direct&amp;'+url;
            wdkPopupSubmitWithTitle(finalurl, "PersonProfile", "width=650,height=460,"+wdkBaseWindowFeatures,'');
        }     
        </script>
        <noscript>Script to refresh the page and perform other actions</noscript>
        <p class="sbMainPageHeadingText"><b>Response:</b></p>
        <span id="rsperror" style="color:red"></span>
        <table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>
        <!-- <div id="pager" class="scroll" style="text-align: center;"></div> -->
    </xsl:template>
   
</xsl:stylesheet>

------------------------------------------------------------------------------------------------

Thanks for all your help.

Sid

Hi Tony,

As I have mentioned in my intial post I am using JQGrid 3.5 alpha 3.

Regards,

Sid