Data is not loading in grid..please help me out

Discussion in 'jQuery' started by pritigupta, Dec 10, 2012.

0
  1. #1
    my grid data is not loading ..and i checked and verify code so many times but coudnt solve ..please help...

    Here is the 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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Jqwidget Grid Example</title>


    <link rel="stylesheet" href="../../Desktop/JQUERYExample/jqwidgets-ver2.5.5/jqwidgets/styles/jqx.base.css" type="text/css" />


    <script type="text/javascript" src="jquery-1.8.3.js"></script>
    <script type="text/javascript" src="../../Desktop/JQUERYExample/jqwidgets-ver2.5.5/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../Desktop/JQUERYExample/jqwidgets-ver2.5.5/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../Desktop/JQUERYExample/jqwidgets-ver2.5.5/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../Desktop/JQUERYExample/jqwidgets-ver2.5.5/jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="../../Desktop/JQUERYExample/jqwidgets-ver2.5.5/jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="../../Desktop/JQUERYExample/jqwidgets-ver2.5.5/jqwidgets/jqxgrid.selection.js"></script>
    <script type="text/javascript" src="../../Desktop/JQUERYExample/jqwidgets-ver2.5.5/jqwidgets/jqxdata.js"></script>




    <script type="text/javascript">

    $(document).ready(function(e) {

    var data = new Array();
    var firstName =
    ["Priti" , "Neeraj", "Divas","Monica","Alka"];
    var lastName =
    ["Gupta","Kanthariya","Gupta","Gugoriya","Reja"];
    var marks =
    [40,35,67,89,56];

    for(var i = 0; i<=4;i++)
    {
    var row = new Array();
    row["firstNames"] = firstName;
    row["lastNames"] = lastName ;
    row["markss"] = marks;
    data = row;
    };
    var source =
    {
    localdata: data,
    datatype: "array"
    };
    var dataAdapter = new $.jqx.dataAdapter(source, {
    loadComplete: function (data) { },
    loadError: function (xhr, status, error) { }
    });

    $("#jqxgrid").jqxGrid(
    {
    source: dataAdapter,
    columns:
    [
    { text: 'First Name', datafield: 'firstName' },
    { text: 'Last Name', datafield: 'lastName'},
    { text: 'Marks', datafield: 'marks' },

    ]
    });


    });




    </script>








    </head>


    <body class='default'>

    <div id="jqxgrid"></div>

    </body>
    </html>
     
    pritigupta, Dec 10, 2012 IP
  2. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #2
    Any Javascript errors?
     
    Rukbat, Dec 11, 2012 IP
  3. pritigupta

    pritigupta Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    @Rukbat : Thanks for the reply....i found the problem....i was passing wrong datafield name...now problem is solved. :)
     
    pritigupta, Dec 11, 2012 IP