jQuery Grid Plugin - jqGrid - Topic: Showing no gui. http://www.trirand.com/blog/?page_id=393/help/showing-no-gui Simple:Press Version 5.7.5.3 tony on Showing no gui. http://www.trirand.com/blog/?page_id=393/help/showing-no-gui#p5997 Help http://www.trirand.com/blog/?page_id=393/help/showing-no-gui#p5997 Hello,

Documentation - Installing

Regards

]]> Tue, 14 Apr 2009 02:18:57 +0300 shamuntoha on Showing no gui. http://www.trirand.com/blog/?page_id=393/help/showing-no-gui#p5937 Help http://www.trirand.com/blog/?page_id=393/help/showing-no-gui#p5937 !Whats wrong still, its not showing the GUI yet.

<!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>jqGrid Demos</title>

<link rel="stylesheet" type="text/css" media="screen" title="basic" href="themes/lightness/grid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/ui.datepicker.css" />

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

<script type="text/javascript" src="js/styleswitch.js"></script>

<script src="js/jquery.ui.all.js" type="text/javascript"></script>
<script src="js/jquery.layout.js" type="text/javascript"></script>

<script src="js/jquery.jqTree.js" type="text/javascript"></script>
<script src="js/jquery.jqDynTabs.js" type="text/javascript"></script>
<script src="js/ui.datepicker.js" type="text/javascript"></script>

<script type="text/javascript">

var gridimgpath = 'themes/lightness/images';
jQuery(document).ready(function(){
    jQuery("#navgrid").jqGrid({
        url:'editing.php?q=1',
        datatype: "xml",
        colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Closed','Ship via','Notes'],
        colModel:[ {name:'id',index:'id', width:55,editable:false,editoptions:{readonly:true,size:10}},
        {name:'invdate',index:'invdate', width:80,editable:true,editoptions:{size:10}},
        {name:'name',index:'name', width:90,editable:true,editoptions:{size:25}},
        {name:'amount',index:'amount', width:60, align:"right",editable:true,editoptions:{size:10}},
        {name:'tax',index:'tax', width:60, align:"right",editable:true,editoptions:{size:10}},
        {name:'total',index:'total', width:60,align:"right",editable:true,editoptions:{size:10}},
        {name:'closed',index:'closed',width:55,align:'center',editable:true,edittype:"checkbox",editoptions:{value:"Yes:No"}},
        {name:'ship_via',index:'ship_via',width:70, editable: true,edittype:"select",editoptions:{value:"FE:FedEx;TN:TNT"}},
        {name:'note',index:'note', width:100, sortable:false,editable: true,edittype:"textarea", editoptions:{rows:"2",cols:"20"}} ],
        rowNum:10,
        rowList:[10,20,30],
        imgpath: gridimgpath,
        pager: jQuery('#pagernav'),
        sortname: 'id',
        viewrecords: true,
        sortorder: "desc",
        caption:"Navigator Example",
        editurl:"someurl.php", height:210 }).navGrid('#pagernav', {}, {height:280,reloadAfterSubmit:false}, 
        {height:280,reloadAfterSubmit:false},
        {reloadAfterSubmit:false}, {}
    );
});
</script>
</head>
<body>

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

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

]]> Thu, 09 Apr 2009 09:27:28 +0300