jQWidgets Forums

Forum Replies Created

Viewing 1 post (of 1 total)
Author

Posts
January 18, 2013 at 8:17 pm in reply to: problems loading on initial page view problems loading on initial page view #13879
timlitw
Member
<!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" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<meta charset="utf-8">
<title>Unruh Excavating - Configuration</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
<link rel="stylesheet" href="styles/jqx.base.css" type="text/css" />
<link rel="stylesheet" href="css/light.min.css" />
<link rel="stylesheet" href="styles/jqx.classic.css" type="text/css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="jqwidgets/jqxmenu.js"></script>
<script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="jqwidgets/jqxscrollbar.js"></script>
<script type="text/javascript" src="jqwidgets/jqxmenu.js"></script>
<script type="text/javascript" src="jqwidgets/jqxgrid.js"></script>
<script type="text/javascript" src="jqwidgets/jqxgrid.sort.js"></script>
<script type="text/javascript" src="jqwidgets/jqxgrid.edit.js"></script>
<script type="text/javascript" src="jqwidgets/jqxgrid.selection.js"></script>
<script type="text/javascript" src="jqwidgets/jqxgrid.filter.js"></script>
<script type="text/javascript" src="jqwidgets/jqxgrid.pager.js"></script>
<script type="text/javascript" src="jqwidgets/jqxdata.js"></script>
<script type="text/javascript" src="jqwidgets/jqxlistbox.js"></script>
<script type="text/javascript" src="jqwidgets/jqxdropdownlist.js"></script>
<script type="text/javascript" src="scripts/gettheme.js"></script>
<script type="text/javascript">
$(document).ready(function () {
	   var theme = getTheme();
        var data = {};
        var theme = 'classic'; 
		var source =
		{
			datatype: "json",
			datafields: [
				{ name: 'id'},
				{ name: 'unit'},
				{ name: 'yards'},
			],
			id: 'id',
			url: 'scraper_grid_data.php',
			updaterow: function (rowid, rowdata) {
                    // synchronize with the server - send update command
                    var data = "update=true&unit=" + rowdata.unit + "&yards=" + rowdata.yards;
					data = data + "&id=" + rowdata.id;
					$.ajax({
                        dataType: 'json',
                        url: 'scraper_grid_data.php',
                        data: data,
                        success: function (data, status, xhr) {
                            // update command is executed.
                        }
                    });
			}
		};
			
		$("#jqxgrid").jqxGrid(
		{
		height: 250,
		width: 300,
		pageable: true,
		selectionmode: 'singlecell',
        source: source,
        theme: theme,
        editable: true,
		sortable: true,
		columns: [
			{ text: 'id', datafield: 'id', width: 10},
			{ text: 'unit', datafield: 'unit', width: 150 },
			{ text: 'yards', datafield: 'yards', width: 60 }
		],
		
		});        
        });
</script>
</head>
<body>
<div id='content'>
<script type="text/javascript">
            $(document).ready(function () {
                // Create a jqxMenu
                $("#jqxMenu").jqxMenu({ width: 600, height: 30});
            });
        </script>
<div data-role="page" data-theme="a">
  <div data-role="header" data-position="inline">
    <h1>Unruh Excavating</h1>
  </div>
  <div id="container">
    <div id='jqxWidget'>
      <div id='jqxMenu'>
        <ul>
          <li><a href="index.php">Home</a></li>
          <li> Forms
            <ul>
              <li><a href="form1.php">Tractor Work</a></li>
              <li><a href="form2.php">Demo/Hauling</a></li>
            </ul>
          </li>
          <li> Reports
            <ul>
              <li><a href="report_card.php">Job# Report Card</a></li>
              <li><a href="report.php">Daily Report</a></li>
              <li><a href="report.php">Date Range Report</a></li>
            </ul>
          </li>
          <li>Config
          	<ul>
            	<li><a href="tractor-config.php">Tractors</a></li>
                <li><a href="scraper-config.php">Scrapers</a></li>
                <li><a href="hauling-config.php">Hauling</a></li>
                <li><a href="other-config.php">Other Equipment</a></li>
            </ul>
        </ul>
      </div>
    </div>
    <h1> Configuration </h1>
    <h2>Scrapers </h2>
<div id='jqxWidget' style="font-size: 13px; font-family: Verdana;">
        <div id="jqxgrid"></div>
    </div>
    
  </div>
  <!-- end #mainContent -->
  <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
  <br class="clearfloat" />
  <div data-role="footer">
    <h4>copyright 2013 Tim Litwiller</h4>
  </div>
  <!-- end #container -->
</div>
</body>
</html>
Author

Posts
Viewing 1 post (of 1 total)