220 width: 1280, |
220 width: 1280, |
221 height: 630, |
221 height: 630, |
222 source: dataAdapter, |
222 source: dataAdapter, |
223 theme: theme, |
223 theme: theme, |
224 showstatusbar: true, |
224 showstatusbar: true, |
225 localization: getLocalization(), |
|
226 renderstatusbar: function (statusbar) { |
225 renderstatusbar: function (statusbar) { |
227 var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>"); |
226 var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>"); |
228 var addButton = $("<div style='float: right; margin-right: 15px;'><img style='position: relative; margin-top: 2px;' src='images/add.png'/><span style='margin-left: 4px; position: relative; top: -3px;'>Nieuw</span></div>"); |
227 var addButton = $("<div style='float: right; margin-right: 15px;'><img style='position: relative; margin-top: 2px;' src='images/add.png'/><span style='margin-left: 4px; position: relative; top: -3px;'>Nieuw</span></div>"); |
229 container.append(addButton); |
228 container.append(addButton); |
230 statusbar.append(container); |
229 statusbar.append(container); |
275 columns: [ |
274 columns: [ |
276 { text: 'Installatie naam', datafield: 'name', width: 200 }, |
275 { text: 'Installatie naam', datafield: 'name', width: 200 }, |
277 { text: 'Kook volume', datafield: 'boil_size', width: 110, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, |
276 { text: 'Kook volume', datafield: 'boil_size', width: 110, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, |
278 { text: 'Batch volume', datafield: 'batch_size', width: 110, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, |
277 { text: 'Batch volume', datafield: 'batch_size', width: 110, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, |
279 { text: 'Opmerkingen', datafield: 'notes' }, |
278 { text: 'Opmerkingen', datafield: 'notes' }, |
280 { text: 'Wijzig', datafield: 'Edit', width: 100, align: 'center', columntype: 'button', cellsrenderer: function () { |
279 { text: '', datafield: 'Edit', width: 100, align: 'center', columntype: 'button', cellsrenderer: function () { |
281 return "Wijzig"; |
280 return "Wijzig"; |
282 }, buttonclick: function (row) { |
281 }, buttonclick: function (row) { |
283 // open the popup window when the user clicks a button. |
282 // open the popup window when the user clicks a button. |
284 editrow = row; |
283 editrow = row; |
285 $("#popupWindow").jqxWindow({ position: { x: 110, y: 30 } }); |
284 $("#popupWindow").jqxWindow({ position: { x: 110, y: 30 } }); |