203 editmode: 'selectedrow', |
203 editmode: 'selectedrow', |
204 editable: true, |
204 editable: true, |
205 showtoolbar: true, |
205 showtoolbar: true, |
206 rendertoolbar: function (toolbar) { |
206 rendertoolbar: function (toolbar) { |
207 var me = this; |
207 var me = this; |
208 var container = $("<div style='margin: 5px; white-space: nowrap;'></div>"); |
208 var container = $("<div style='overflow: hidden; position: relative; margin: 5px;'></div>"); |
209 toolbar.append(container); |
209 toolbar.append(container); |
210 // container.append('<input style="margin-left: 100px;" id="addrowbutton" type="button" value="Nieuwe stap" />'); |
210 container.append('<div style="float: left; margin-left: 165px;" id="addrowbutton"></div>'); |
211 container.append('<div id="addrowbutton"></div>'); |
211 container.append('<input style="float: left; margin-left: 230px;" id="deleterowbutton" type="button" value="Verwijder water" />'); |
212 container.append('<input id="deleterowbutton" type="button" value="Verwijder water" />'); |
212 // add water from dropdownlist. |
213 $("#addrowbutton").jqxDropDownList({ |
213 $("#addrowbutton").jqxDropDownList({ |
214 placeHolder: "Kies water:", |
214 placeHolder: "Kies water:", |
215 theme: theme, |
215 theme: theme, |
216 source: waterlist, |
216 source: waterlist, |
217 displayMember: "name", |
217 displayMember: "name", |
218 width: 150, |
218 width: 150, |
|
219 height: 27, |
219 dropDownWidth: 300 |
220 dropDownWidth: 300 |
220 }); |
221 }); |
221 // $("#addrowbutton").jqxButton({ theme: theme, width: 150 }); |
|
222 // $("#addrowbutton").on('click', function () { |
|
223 $("#addrowbutton").on('select', function (event) { |
222 $("#addrowbutton").on('select', function (event) { |
224 // if (event.args) { |
223 if (event.args) { |
225 // var index = event.args.index; |
224 var index = event.args.index; |
226 // var datarecord = data[index]; |
225 var datarecord = waterlist.records[index]; |
227 // var row = {}; |
226 var row = {}; |
228 // row["w_name"] = datarecord.name; |
227 row["w_name"] = datarecord.name; |
229 // row["w_amount"] = 0; |
228 row["w_amount"] = 0; |
230 // row["w_calcium"] = datarecord.calcium; |
229 row["w_calcium"] = datarecord.calcium; |
231 // row["w_sulfate"] = datarecord.sulfate; |
230 row["w_sulfate"] = datarecord.sulfate; |
232 // row["w_chloride"] = datarecord.chloride; |
231 row["w_chloride"] = datarecord.chloride; |
233 |
232 row["w_sodium"] = datarecord.sodium; |
234 // var commit = $("#waterGrid").jqxGrid('addrow', null, row); |
233 row["w_magnesium"] = datarecord.magnesium; |
235 // } |
234 row["w_ph"] = datarecord.ph; |
236 var row = {}; |
235 row["w_total_alkalinity"] = datarecord.total_alkalinity; |
237 row["w_name"] = "Vies water"; |
236 row["w_default_water"] = datarecord.default_water; |
238 row["w_amount"] = 0; |
237 row["w_cost"] = datarecord.cost; |
239 row["w_calcium"] = 0; |
238 var commit = $("#waterGrid").jqxGrid('addrow', null, row); |
240 row["w_sulfate"] = 0; |
239 } |
241 row["w_chloride"] = 0; |
|
242 row["w_sodium"] = 0; |
|
243 row["w_magnesium"] = 0; |
|
244 row["w_ph"] = 7.1; |
|
245 row["w_total_alkalinity"] = 0; |
|
246 row["w_default_water"] = 0; |
|
247 row["w_cost"] = 0; |
|
248 var commit = $("#waterGrid").jqxGrid('addrow', null, row); |
|
249 }); |
240 }); |
250 $("#deleterowbutton").jqxButton({ theme: theme, width: 150 }); |
241 |
251 // create new row. Dropdown uit water inventory. |
242 // delete selected water. |
252 // $("#addrowbutton").on('select', function (event) { |
|
253 // var item = event.args.item; |
|
254 // }); |
|
255 // $("#addrowbutton").on('click', function () { |
|
256 // var datarow = generaterow(); |
|
257 // var commit = $("#waterGrid").jqxGrid('addrow', null, datarow); |
|
258 // }); |
|
259 // delete row. |
|
260 // Overgebleven waters in volume verhogen met het verwijderde water. |
243 // Overgebleven waters in volume verhogen met het verwijderde water. |
261 // $("#deleterowbutton").on('click', function () { |
244 $("#deleterowbutton").jqxButton({ theme: theme, height: 27, width: 150 }); |
262 // var selectedrowindex = $("#grid").jqxGrid('getselectedrowindex'); |
245 $("#deleterowbutton").on('click', function () { |
263 // var rowscount = $("#grid").jqxGrid('getdatainformation').rowscount; |
246 var selectedrowindex = $("#waterGrid").jqxGrid('getselectedrowindex'); |
264 // if (selectedrowindex >= 0 && selectedrowindex < rowscount) { |
247 var rowscount = $("#waterGrid").jqxGrid('getdatainformation').rowscount; |
265 // var id = $("#grid").jqxGrid('getrowid', selectedrowindex); |
248 if (selectedrowindex >= 0 && selectedrowindex < rowscount) { |
266 // var commit = $("#grid").jqxGrid('deleterow', id); |
249 var id = $("#waterGrid").jqxGrid('getrowid', selectedrowindex); |
267 // } |
250 var commit = $("#waterGrid").jqxGrid('deleterow', id); |
268 // }); |
251 } |
|
252 }); |
269 }, |
253 }, |
270 columns: [ |
254 columns: [ |
271 { text: 'Water bron', editable: false, datafield: 'w_name' }, |
255 { text: 'Water bron', editable: false, datafield: 'w_name' }, |
272 { text: 'Volume', datafield: 'w_amount', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'f1', |
256 { text: 'Volume', datafield: 'w_amount', width: 80, align: 'right', cellsalign: 'right', cellsformat: 'f1', |
273 columntype: 'numberinput', |
257 columntype: 'numberinput', |