188 }); |
188 }); |
189 }, |
189 }, |
190 filterable: true, |
190 filterable: true, |
191 filtermode: 'excel', |
191 filtermode: 'excel', |
192 columns: [ |
192 columns: [ |
193 { text: 'Hop Naam', datafield: 'name', width: 250 }, |
193 { text: 'Herkomst', datafield: 'origin', align: 'center', cellsalign: 'center', width: 150 }, |
|
194 { text: 'Hop Naam', datafield: 'name' }, |
194 { text: 'Soort', datafield: 'type', align: 'center', cellsalign: 'center', width: 90 }, |
195 { text: 'Soort', datafield: 'type', align: 'center', cellsalign: 'center', width: 90 }, |
195 { text: 'Vorm', datafield: 'form', align: 'center', cellsalign: 'center', width: 90 }, |
196 { text: 'Vorm', datafield: 'form', align: 'center', cellsalign: 'center', width: 90 }, |
196 { text: 'Alpha %', datafield: 'alpha', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'p1' }, |
197 { text: 'Alpha %', datafield: 'alpha', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'p1' }, |
197 { text: 'Beta %', datafield: 'beta', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'p1' }, |
198 { text: 'Beta %', datafield: 'beta', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'p1' }, |
198 { text: 'Cohumuloon %%', datafield: 'cohumulone', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'p1' }, |
199 { text: 'Cohumuloon %%', datafield: 'cohumulone', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'p1' }, |
199 { text: 'HSI', datafield: 'hsi', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, |
200 { text: 'HSI', datafield: 'hsi', width: 60, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, |
200 { text: 'Herkomst', datafield: 'origin', align: 'center', cellsalign: 'center', width: 150 }, |
|
201 { text: 'Oogst datum', datafield: 'production_date', align: 'center', cellsalign: 'center', width: 100 }, |
201 { text: 'Oogst datum', datafield: 'production_date', align: 'center', cellsalign: 'center', width: 100 }, |
202 { text: 'Voor, gr.', datafield: 'inventory', width: 70, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, |
202 { text: 'Voor, gr.', datafield: 'inventory', width: 70, align: 'right', cellsalign: 'right', cellsformat: 'f1' }, |
203 { text: 'Prijs /kg', datafield: 'cost', width: 70, align: 'right', cellsalign: 'right', cellsformat: 'c2' }, |
203 { text: 'Prijs /kg', datafield: 'cost', width: 70, align: 'right', cellsalign: 'right', cellsformat: 'c2' }, |
204 { text: 'Wijzig', datafield: 'Wijzig', columntype: 'button', align: 'center', cellsrenderer: function () { |
204 { text: 'Wijzig', datafield: 'Wijzig', columntype: 'button', width: 120, align: 'center', cellsrenderer: function () { |
205 return "Wijzig"; |
205 return "Wijzig"; |
206 }, buttonclick: function (row) { |
206 }, buttonclick: function (row) { |
207 // open the popup window when the user clicks a button. |
207 // open the popup window when the user clicks a button. |
208 editrow = row; |
208 editrow = row; |
209 $("#popupWindow").jqxWindow({ position: { x: 230, y: 30 } }); |
209 $("#popupWindow").jqxWindow({ position: { x: 230, y: 30 } }); |