Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Ognyan Dimitrov
80
NEed help with ig.loader sample from the docs
posted

Hello,

I found an example for the loader here and tried to modify it a little bit, because I do not have adventureworks.js, but then I got multiple errors and I cant figure out the problem using FireBug because the errors are somewhat vague for me. Here is my the code. Please point me the errors :

<!doctype html>
<html>
<head>
    <!-- jQuery Core -->
    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <!-- jQuery UI -->
    <script src="js/jquery-ui-1.8.21.min.js" type="text/javascript"></script>
    <!-- Infragistics Loader Script -->
    <script src="ig/js/infragistics.loader.js" type="text/javascript"></script>
  
    <!-- Infragistics Loader Initialization -->
    <script type="text/javascript">
     var products = [            
     { "ProductID": 1, "Name": "Adjustable Race", "ProductNumber": "AR-5381" },       
     { "ProductID": 2, "Name": "Bearing Ball", "ProductNumber": "BA-8327" },        
     { "ProductID": 3, "Name": "BB Ball Bearing", "ProductNumber": "BE-2349" },   
     { "ProductID": 4, "Name": "Headset Ball Bearings", "ProductNumber": "BE-2908" },    
     { "ProductID": 316, "Name": "Blade", "ProductNumber": "BL-2036" },       
     { "ProductID": 317, "Name": "LL Crankarm", "ProductNumber": "CA-5965" },  
     { "ProductID": 318, "Name": "ML Crankarm", "ProductNumber": "CA-6738" },    
     { "ProductID": 319, "Name": "HL Crankarm", "ProductNumber": "CA-7457" },     
     { "ProductID": 320, "Name": "Chainring Bolts", "ProductNumber": "CB-2903" }       
 ]; 
   
        $.ig.loader({
            scriptPath: "ig/js/",
            cssPath: "ig/css/",
            resources: "igGrid.Sorting"
        });
 
        $.ig.loader(function () {
            $("#grid1").igGrid({
                autoGenerateColumns: false,
                columns: [
                    { headerText: "Product ID", key: "ProductID", dataType: "number" },
                    { headerText: "Product Name", key: "Name", dataType: "string" },
                    { headerText: "Product Number", key: "ProductNumber", dataType: "string" }
                ],
                dataSource: products,
                height: "400px",
                features: [{
                    name: "Sorting",
                    type: "local",
                    mode: "multiple"
                }]
            });
        });
    </script>
</head>
<body>
    <table id="grid1"></table>
</body>
</html>

  • 80
    Verified Answer
    posted

    The example runs fine. I have made a spelling mistake - the ui javascript file name is jquery-ui-1.8.21.custom.min.js. :) Moderators, please delete this post. It is useless.