217 }); |
215 }); |
218 }, |
216 }, |
219 filterable: true, |
217 filterable: true, |
220 filtermode: 'excel', |
218 filtermode: 'excel', |
221 columns: [ |
219 columns: [ |
222 { text: 'Herkomst', datafield: 'origin', align: 'center', cellsalign: 'center', width: 150 }, |
220 { text: 'Herkomst', datafield: 'origin', width: 150 }, |
223 { text: 'Hop Naam', datafield: 'name' }, |
221 { text: 'Hop Naam', datafield: 'name', menu: false }, |
224 { text: 'Soort', datafield: 'type', align: 'center', cellsalign: 'center', width: 90, |
222 { text: 'Soort', datafield: 'type', align: 'center', menu: false, width: 90, |
225 cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) { |
223 cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) { |
226 return "<div style='margin: 4px;' class='jqx-center-align'>" + HopTypeData[value].nl + "</div>"; |
224 return "<div style='margin: 4px;' class='jqx-center-align'>" + HopTypeData[value].nl + "</div>"; |
227 } |
225 } |
228 }, |
226 }, |
229 { text: 'Vorm', datafield: 'form', align: 'center', cellsalign: 'center', width: 90, |
227 { text: 'Vorm', datafield: 'form', align: 'center', menu: false, width: 90, |
230 cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) { |
228 cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) { |
231 return "<div style='margin: 4px;' class='jqx-center-align'>" + HopFormData[value].nl + "</div>"; |
229 return "<div style='margin: 4px;' class='jqx-center-align'>" + HopFormData[value].nl + "</div>"; |
232 } |
230 } |
233 }, |
231 }, |
234 { text: 'Alpha %', datafield: 'alpha', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'p1' }, |
232 { text: 'Alpha %', datafield: 'alpha', width: 80, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'p1' }, |
235 { text: 'Beta %', datafield: 'beta', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'p1' }, |
233 { text: 'Beta %', datafield: 'beta', width: 80, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'p1' }, |
236 { text: 'Cohumuloon %%', datafield: 'cohumulone', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'p1' }, |
234 { text: 'Cohumuloon %%', datafield: 'cohumulone', width: 80, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'p1' }, |
237 { text: 'HSI', datafield: 'hsi', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, |
235 { text: 'HSI', datafield: 'hsi', width: 60, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'f1' }, |
238 { text: 'Oogst datum', datafield: 'production_date', align: 'center', cellsalign: 'center', width: 100 }, |
236 { text: 'Oogst datum', datafield: 'production_date', align: 'center', cellsalign: 'center', menu: false, width: 110 }, |
239 { text: 'Voor, gr.', datafield: 'inventory', width: 70, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, |
237 { text: 'Voorraad', datafield: 'inventory', width: 100, align: 'right', cellsalign: 'right', menu: false, cellsformat: 'f1', |
240 { text: 'Prijs /kg', datafield: 'cost', width: 70, align: 'right', cellsalign: 'right', cellsformat: 'c2' }, |
238 cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) { |
241 { text: 'Wijzig', datafield: 'Wijzig', columntype: 'button', width: 100, align: 'center', cellsrenderer: function () { |
239 if (value == 0) |
|
240 return "<div style='margin: 4px;' class='jqx-right-align'></div>"; |
|
241 if (value < 1000) |
|
242 return "<div style='margin: 4px;' class='jqx-right-align'>"+dataAdapter.formatNumber(value,"f1")+" gr</div>"; |
|
243 return "<div style='margin: 4px;' class='jqx-right-align'>"+dataAdapter.formatNumber(value / 1000.0,"f1")+" kg</div>"; |
|
244 } |
|
245 }, |
|
246 { text: 'Wijzig', datafield: 'Wijzig', columntype: 'button', width: 100, align: 'center', menu: false, cellsrenderer: function () { |
242 return "Wijzig"; |
247 return "Wijzig"; |
243 }, buttonclick: function (row) { |
248 }, buttonclick: function (row) { |
244 // open the popup window when the user clicks a button. |
249 // open the popup window when the user clicks a button. |
245 editrow = row; |
250 editrow = row; |
246 $("#popupWindow").jqxWindow({ position: { x: 110, y: 30 } }); |
251 $("#popupWindow").jqxWindow({ position: { x: 110, y: 30 } }); |