Object doesn't support property or method 'igReportViewer'

Question

0.00/5 (No votes)

See more:

, +

Hi,

I am trying to use HTML5 infragistic report viewer. But I get this error in java script "Object doesn't support property or method 'igReportViewer'" at this line $("#viewer").igReportViewer
Kindly tell me how to fix this issue. following is my code

<!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>
        
        <script src="Scripts/modernizr.min.js" type="text/javascript"></script>  

        <link href="Styles/CSS/structure/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css"/>
       
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
        <script src="Scripts/jquery-ui.min.js" type="text/javascript"></script>
        <script src="Scripts/js/infragistics.loader.js" type="text/javascript"></script>


             <title>test</title>
    </head>

    <body>
        <!-- Report Viewer Loader -->
        <script type="text/javascript">
            var serviceEndpoint = "Services/ReportService.svc/ajaxAddress/";
            $.ig.loader({
                cssPath: 'Styles',
                scriptPath: 'Scripts',
                resources: 'igReportViewer',
                ready: function () {
                    
                    $(function () {
                        $("#viewer").igReportViewer({
                            renderSettings: {
                                definitionUri: "ReportLibrary;component/testReport.igr",
                                serviceEndpointUri: "Services/ReportService.svc/ajaxAddress/"
                            },
                            width: 720,
                            height: 520,
                            pageFit: 'fitToWidth'
                        });
                    });
                }
            });
        </script>
        <div id="viewer" >
        loading . . .
        </div>
    </body>
</html>

Posted 1-Jun-14 19:19pm

Waqas Ahmad Abbasi

Updated 1-Jun-14 21:34pm

v4

Add a Solution

2 solutions

Solution 2

Problem was script path which i mentioned in default.html was ok, but these files have dependent scripts files and they were in different folder. checked in google chrome console and found problem files.

Posted 1-Jun-14 23:43pm

Waqas Ahmad Abbasi

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Philip.F · Accepted Answer · 2014-06-01T20:07:00

Solution 1

Looks like an error message from the component (infragistic report viewer?).. You are probably better of checking the documentation.

What you can try is to add a console.log($("#viewer")) above the problematic line, and to look at the properties of that object. If it's not a problem within the component itself, you probably have forgotten to initialize it on that div#viewer, or you have to add some special class to it.

I hope that helps a bit.

Posted 1-Jun-14 20:07pm

Philip.F

Comments

Waqas Ahmad Abbasi 2-Jun-14 2:22am

I have followed every step they have provided.
I checked properties of $("#viewer"). and didn't find any method with name igReportViewer.

http://www.infragistics.com/products/reporting/sample/viewers/html-viewer

Philip.F 2-Jun-14 3:15am

Did you include the same version of JQuery (seems to be a difference when I look at your code)? Do you get some other javascript errors?

Waqas Ahmad Abbasi 2-Jun-14 3:36am

yes it was different Jquery version, but i have updated with same jquery version now they are using but still getting same error. no other error is coming except this one.

Philip.F 2-Jun-14 3:58am

Than probably sth with your scriptpath is messed up.. check for http request ending with a 404 or 5xx..

Waqas Ahmad Abbasi 2-Jun-14 4:26am

checked path, no issue found in path

Philip.F 2-Jun-14 4:40am

Than I don't know :) But I'm pretty sure something is not right with the path / files. The error gives us a hint that jquery does not know about the infragistic extension in this case.. Double check it, make sure you have the latest sources, that they are complete, that the folder with the sources can be located, especially that script folder, because it looks like the extension is loading additional sources asynchronously.

Waqas Ahmad Abbasi 2-Jun-14 5:42am

Thanks alot. accepting your solution and 5 votes from my side.
Problem was script path which i mentioned in default.html was ok, but these files have dependent scripts file and they were in different folder. checked in google chrome console and found problem files.
Thanks alot for your time and support :)

Philip.F 3-Jun-14 5:49am

Thanks, my pleasure :) It's always good to check the network requests through the browsers DEV-tools or some HTTP debugging proxy, a lot of problems can be solved by observing what happens there.. independently of the used server technology :)