jQuery Grid Plugin - jqGridForum

Topic RSS

Treeview load in Internet Explorer

12/08/2009
02:36

sushavonbanerjee

Member

Members

Forum Posts: 8

Member Since:
12/08/2009

Offline

Hi,

I have made a treegrid using JQgrid3.5 beta. But, the problem is, it is not showing in Internet Explorer. But,in mozila firefox,it can be viewed. Is there any way to load and show treegrid in Internet Explorer?

Help me please,

Thanks,

Sushavon

13/08/2009
01:18

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

With so little information (this will not work - it is not serious) nobody will help.

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.

13/08/2009
06:17

sushavonbanerjee

Member

Members

Forum Posts: 8

Member Since:
12/08/2009

Offline

Hi,

Here is the relevant page source of firefox........

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="ctl00_main"><title>
	Auditor
</title><meta http-equiv="content-type" content="text/html; charset=UTF-8" /><meta name="description" content="Redmine" /><meta name="keywords" content="issue,bug,tracker" /><link type="text/css" rel="stylesheet" href="/Scripts/APEXCustomCSS/CSS/application.css"></link><link type="text/css" rel="stylesheet" href="/Scripts/APEXCustomCSS/CSS/jstoolbar.css"></link><link type="text/css" rel="stylesheet" href="/Content/FormDesign/ScriptAndCSS/Site.css"></link><link type="text/css" rel="stylesheet" href="/Scripts/jquery-ui-1.7.2.custom/css/ui-lightness/jquery-ui-1.7.2.custom.css"></link><script type="text/javascript" src="/Scripts/Jquery1.3.2/jquery-1.3.2.js"></script><script type="text/javascript" src="/Scripts/xVal/jquery.validate.js"></script><script type="text/javascript" src="/Scripts/xVal/xVal.jquery.validate.js"></script><link type="text/css" rel="stylesheet" href="/Scripts/jquery.jqGrid-3.5-beta/css/ui.jqgrid.css"></link><script type="text/javascript" src="/Scripts/jquery.jqGrid-3.5-beta/src/i18n/grid.locale-en.js"></script><script type="text/javascript" src="/Scripts/jquery.jqGrid-3.5-beta/js/jquery.jqGrid.min.js"></script><link type="text/css" rel="stylesheet" href="/Scripts/jquery.jqGrid-3.5-beta/src/css/jquery.searchFilter.css"></link><script type="text/javascript" src="/Scripts/jquery.jqGrid-3.5-beta/src/jquery.searchFilter.js"></script><link type="text/css" rel="stylesheet" href="/Scripts/jquery-ui-1.7.2.custom/development-bundle/themes/base/ui.all.css"></link><script type="text/javascript" src="/Scripts/jquery-ui-1.7.2.custom/development-bundle/ui/ui.core.js"></script><script type="text/javascript" src="/Scripts/jquery-ui-1.7.2.custom/development-bundle/ui/ui.tabs.js"></script><link type="text/css" rel="stylesheet" href="/Scripts/jquery-ui-1.7.2.custom/development-bundle/themes/base/ui.datepicker.css"></link><script type="text/javascript" src="/Scripts/jquery-ui-1.7.2.custom/development-bundle/ui/ui.datepicker.js"></script><script type="text/javascript" src="/Scripts/jquery-ui-1.7.2.custom/development-bundle/ui/ui.draggable.js"></script><script type="text/javascript" src="/Scripts/jquery-ui-1.7.2.custom/development-bundle/ui/ui.resizable.js"></script><script type="text/javascript" src="/Scripts/jquery-ui-1.7.2.custom/development-bundle/ui/ui.dialog.js"></script><script type="text/javascript" src="/Scripts/jquery-ui-1.7.2.custom/development-bundle/external/bgiframe/jquery.bgiframe.js"></script>

    <title>Organizational Structures</title>



    <script src="../../Scripts/grid.treegrid.js" type="text/javascript"> </script>

    <script type="text/javascript">
        jQuery().ready(function() {
            jQuery("#treegrid").jqGrid({
                url: '/OrganizationalStructures/TreeView/',
                treedatatype: "xml",
                mtype: "POST",
                colNames: ["id", "Organizational Structure"],
                colModel: [
                { name: 'id', index: 'id', width: 180, hidden: true, key: true },
               	{ name: 'OrganizationalStructure', index: 'OrganizationalStructure', width: 300, align: 'left' }
               	],
                height: 'auto',
                pager: "#ptreegrid",
                treeGrid: true,
                ExpandColumn: 'OrganizationalStructure',
                caption: "Organizational Structure Treeview"            
            });
        });      
    </script>

</head>
<body>
    <div id="wrapper">

    <div id="top-menu">
        <div id="account">
            <ul>
                <li><a href="#" class="my-account">My account</a></li>
                <li><a href="#" class="logout">Sign out</a></li>
            </ul>   
         </div>
                <div id="loggedas">Logged in as <a href="#">......</a>

                </div>
                <ul>
                    <li><a href="#" class="home">Employees</a></li>
                    <li><a href="#" class="my-page">My page</a></li>
                    <li><a href="#" class="projects">Projects</a></li>
                    <li><a href="#" class="help">Help</a></li>
                </ul>

        </div>
      
<div id="header">
    <div id="quick-search">
        <form action="/redmine/search/index/apex" method="get">
            <a href="#" accesskey="4">Search</a>:
            <input accesskey="f" class="small" id="q" name="q" size="20" type="text">
        </form>        
        <select onchange="if (this.value != '') { window.location = this.value; }">
            <option selected="selected">Jump to a project...</option>

           
        </select>
    </div>
    <div id="main-menu">
            <ul>
            <li><a href="../Employees/EmployeeList">View Employee Details</a></li>
            <li><a href="../Employees/Create">Add Employee</a></li>    
            <li><a href="../Organization/OrganizationDetails">Organization</a></li>
            <li><a href="../Subjects/SubjectMaster">Subjects</a></li>    
            <li><a href="../Sectors/SectorMaster">Sectors</a></li>          
            <li><a href="../Designations/DesignationMaster">Designation</a></li>

            <li><a href="../Titles/TitleMaster">Title</a></li>
            <li><a href="../Education/EducationMaster">Education</a></li>
            <li><a href="../PayGrades/PayGradeMaster">Pay Grade</a></li>
            <li><a href="../Alias/Aliases">Alias</a></li>
            <li><a href="OrganizationalStructure">
                    Organizational Structures</a></li>

            <li><a href="#" >Menu</a></li>
        </ul>
    </div>
</div>


<div id="ajax-indicator" style="display: none;"><span>Loading...</span></div>
    <div>
        
    <h2>
        Organizational Structures</h2>

        <div align="center">
    <table id="treegrid" class="scroll">
    </table>
    <div id="ptreegrid" class="scroll">
    </div><br /><br />
    <div>
    <table><tr><td>&nbsp;<img src="../../Assets/Icons/silk/user_add.png" title="Add Employee"/><&nbsp;</td>
    <td>&nbsp;<img src="../../Assets/Icons/silk/chart_organisation_add.png" title="Add Organizational Unit"/>&nbsp;</td>

    <td>&nbsp;<img src="../../Assets/Icons/silk/delete.png" title="Delete" />&nbsp;</td>
    <td>&nbsp;<img src="../../Assets/Icons/silk/application_edit.png" title="Edit" />&nbsp;</td>
    </tr></table>    
    </div>
    </div>

    </div>
    <div id="footer">
    © Copyright 2009 <a href="http://www.saltlakesoft.com/">Saltlake Infosolutions Pvt. Ltd.</a>All right reserved.

</div>
</body>
</html>








The page source of Internet Explorer is also same as above.




Plz help me.........!!!!!



Thanks,


Sushavon