<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/redmond/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.1.1/css/ui.jqgrid.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.1.1/js/i18n/grid.locale-en.js"></script>
<script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-4.1.1/js/jquery.jqGrid.src.js"></script>
</head>
<body>
<div class="Container">
<table id="Attendus"><tr><td/></tr></table>
</div>
</body>
</html>
$(document).ready(function () {
'use strict';
var lastSel,
gridAttendus = $("#Attendus"),
onclickSubmitLocal = function(options,postdata) {
};
gridAttendus.jqGrid({
datatype:'local',
data: AttendusData,
colNames:['ID',
'Etat',
'Date',
'Fournisseur<br/>Commande',
'Contenu'],
colModel:[
{name:'ID',index:'ID',hidden:true,width:70,align:'center',sorttype: 'int'},
{name:'ETAT',index:'ETAT',width:150,align:'center'},
{name:'DATE',index:'DATE',width:150,align:'center',title: false},
{name:'FOURNISSEUR_CMD',index:'FOURNISSEUR_CMD',width:200,align:'center',title: false},
{name:'CONTENU',index:'CONTENU',width:200,align:'center',title: false}
],
gridview:true,
autoencode:true,
scroll: true,
ignoreCase:true,
height: '90%',
editurl: 'clientArray',
forceFit: true
});
}); // fin de $(document).ready
var AttendusData = [
{ID:"1", ETAT:"Démarré", DATE:"2012-2-2", FOURNISSEUR_CMD:"SA DUPUIS\nC227692-211", CONTENU:"211 lignes XXX more more\n 242 UM YYY"},
{ID:"2", ETAT:"Prêt", DATE:"2012-2-4", FOURNISSEUR_CMD:"FOURNISSEUR\nC17713-255", CONTENU:"255 lignes XXX\n 160 UM YYY"},
{ID:"3", ETAT:"Traité", DATE:"2012-1-7", FOURNISSEUR_CMD:"JAMES WEST\nC78204-294", CONTENU:"294 lignes XXX\n 17 UM YYY"},
{ID:"4", ETAT:"Clôturé", DATE:"2012-2-5", FOURNISSEUR_CMD:"FOURNISSEUR\nC79589-94", CONTENU:"94 lignes XXX\n 220 UM YYY"},
{ID:"5", ETAT:"Abandonné", DATE:"2012-11-21", FOURNISSEUR_CMD:"METAX\nC370573-202", CONTENU:"202 lignes XXX\n 245 UM YYY"},
{ID:"6", ETAT:"Abandonné", DATE:"2012-7-18", FOURNISSEUR_CMD:"FOURNISSEUR\nC410037-228", CONTENU:"228 lignes XXX\n 254 UM YYY"},
{ID:"7", ETAT:"Abandonné", DATE:"2012-10-26", FOURNISSEUR_CMD:"KENWOOD\nC316605-137", CONTENU:"137 lignes XXX\n 114 UM YYY"},
{ID:"8", ETAT:"Prévu", DATE:"2012-12-25", FOURNISSEUR_CMD:"HRTZ\nC19538-293", CONTENU:"293 lignes XXX\n 47 UM YYY"},
{ID:"9", ETAT:"Créé", DATE:"2012-12-25", FOURNISSEUR_CMD:"METAX\nC315847-27", CONTENU:"27 lignes XXX\n 10 UM YYY"},
{ID:"10", ETAT:"Démarré", DATE:"2012-6-28", FOURNISSEUR_CMD:"HRTZ\nC394890-59", CONTENU:"59 lignes XXX\n 7 UM YYY"},
{ID:"11", ETAT:"Démarré", DATE:"2012-1-3", FOURNISSEUR_CMD:"SOCIETE TRAMONTANE\nC463065-186", CONTENU:"186 lignes XXX\n 275 UM YYY"},
{ID:"12", ETAT:"Créé", DATE:"2012-5-12", FOURNISSEUR_CMD:"METAX\nC159555-184", CONTENU:"184 lignes XXX\n 249 UM YYY"},
{ID:"13", ETAT:"Traité", DATE:"2012-3-11", FOURNISSEUR_CMD:"JAMES WEST\nC151262-85", CONTENU:"85 lignes XXX\n 170 UM YYY"},
{ID:"14", ETAT:"Prêt", DATE:"2012-7-3", FOURNISSEUR_CMD:"SOCCC ET FILS\nC412679-285", CONTENU:"285 lignes XXX\n 178 UM YYY"},
{ID:"15", ETAT:"Reliquat", DATE:"2012-6-9", FOURNISSEUR_CMD:"SOCCC ET FILS\nC108131-90", CONTENU:"90 lignes XXX\n 180 UM YYY"},
{ID:"16", ETAT:"Prévu", DATE:"2012-4-9", FOURNISSEUR_CMD:"SOCCC ET FILS\nC168115-27", CONTENU:"27 lignes XXX\n 42 UM YYY"},
{ID:"17", ETAT:"Prêt", DATE:"2012-12-12", FOURNISSEUR_CMD:"KENWOOD\nC325623-48", CONTENU:"48 lignes XXX\n 200 UM YYY"},
{ID:"18", ETAT:"Interrompu", DATE:"2012-10-25", FOURNISSEUR_CMD:"HRTZ\nC93099-21", CONTENU:"21 lignes XXX\n 179 UM YYY"},
{ID:"19", ETAT:"Interrompu", DATE:"2012-1-11", FOURNISSEUR_CMD:"KENWOOD\nC260144-274", CONTENU:"274 lignes XXX\n 281 UM YYY"},
{ID:"20", ETAT:"Traité", DATE:"2012-12-7", FOURNISSEUR_CMD:"SOCIETE TRAMONTANE\nC124122-108", CONTENU:"108 lignes XXX\n 279 UM YYY"},
{ID:"21", ETAT:"Clôturé", DATE:"2012-12-24", FOURNISSEUR_CMD:"METAX\nC257958-189", CONTENU:"189 lignes XXX\n 58 UM YYY"},
{ID:"22", ETAT:"Reliquat", DATE:"2012-12-27", FOURNISSEUR_CMD:"METAX\nC398810-93", CONTENU:"93 lignes XXX\n 175 UM YYY"},
{ID:"23", ETAT:"Créé", DATE:"2012-1-4", FOURNISSEUR_CMD:"JAMES WEST\nC478347-296", CONTENU:"296 lignes XXX\n 84 UM YYY"},
{ID:"24", ETAT:"Clôturé", DATE:"2012-1-20", FOURNISSEUR_CMD:"JAMES WEST\nC457105-276", CONTENU:"276 lignes XXX\n 76 UM YYY"},
{ID:"25", ETAT:"Créé", DATE:"2012-12-26", FOURNISSEUR_CMD:"METAX\nC130130-279", CONTENU:"279 lignes XXX\n 114 UM YYY"}
];
Output
300px
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |