jQuery Grid Plugin - jqGrid - Topic: Nothing Displays Blank Page http://www.trirand.com/blog/?page_id=393/help/nothing-displays-blank-page Simple:Press Version 5.7.5.3 tony on Nothing Displays Blank Page http://www.trirand.com/blog/?page_id=393/help/nothing-displays-blank-page#p11789 Help http://www.trirand.com/blog/?page_id=393/help/nothing-displays-blank-page#p11789 Hello,

Welcome to jqGrid community.

I think if you have a working grid initiallly, you should add the functionalities to this grid rather than to copy paste the exmples, or look into the example and apply the new things to the working grid.

I think this is more natural way to learn jqGrid rather than to copy paste code without to understand them.

Best Regards

Tony

]]> Wed, 11 Nov 2009 04:01:28 +0200 Dmoney on Nothing Displays Blank Page http://www.trirand.com/blog/?page_id=393/help/nothing-displays-blank-page#p11765 Help http://www.trirand.com/blog/?page_id=393/help/nothing-displays-blank-page#p11765 This is my first time using jqgrid and the "my First Grid example worked perfectly for me."

When I try any of the examples in the wiki or specifically the editable grids I get a completely blank screen.

Can anyone tell me what I'm doing wrong?

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

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>My First Grid</title>

<link rel="stylesheet" type="text/css" media="screen" href="css/redmond/jquery-ui-1.7.2.custom.css" />

<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

<style>

html, body {

    margin: 0;

    padding: 0;

    font-size: 75%;

}

</style>

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>

<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>

<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery(document).ready(function(){ 

 jQuery("#rowed1").jqGrid({

   url:'naftaData.php?q=2',

datatype: "json",

   colNames:['Inv No','Date', 'Client', 'Amount'],

   colModel:[

   {name:'id',index:'id', width:55},

   {name:'invdate',index:'invdate', width:90, editable:true},

   {name:'name',index:'name', width:100,editable:true},

   {name:'amount',index:'amount', width:80, align:"right",editable:true}

   ],

   rowNum:10,

   rowList:[10,20,30],

   imgpath: gridimgpath,

   pager: jQuery('#prowed1'),

   sortname: 'id',

    viewrecords: true,

    sortorder: "desc",

editurl: "server.php",

caption: "Basic Example"

}).navGrid("#prowed1",{edit:false,add:false,del:false});

jQuery("#ed1").click( function() {

jQuery("#rowed1").editRow("13");

this.disabled = 'true';

jQuery("#sved1,#cned1").attr("disabled",false);

});

jQuery("#sved1").click( function() {

jQuery("#rowed1").saveRow("13");

jQuery("#sved1,#cned1").attr("disabled",true);

jQuery("#ed1").attr("disabled",false);

});

jQuery("#cned1").click( function() {

jQuery("#rowed1").restoreRow("13");

jQuery("#sved1,#cned1").attr("disabled",true);

jQuery("#ed1").attr("disabled",false);

});

}); 

</script>

</head>

<body>

<table id="rowed1" class="scroll" cellpadding="0" cellspacing="0"></table>

<div id="prowed1" class="scroll" style="text-align:center;"></div>

<br />

<input type="BUTTON" id="ed1" value="Edit row 13" />

<input type="BUTTON" id="sved1" disabled='true' value="Save row 13" />

<input type="BUTTON" id="cned1" disabled='true' value="Cancel Save" />

</body>

</html>

]]> Tue, 10 Nov 2009 21:22:44 +0200