Failed attempt to get the filterbox right. Saved as a reference.

Wed, 23 Jan 2019 19:43:55 +0100

author
Michiel Broek <mbroek@mbse.eu>
date
Wed, 23 Jan 2019 19:43:55 +0100
changeset 197
63174cff2cc1
parent 196
531d5458782f
child 198
f0ec83e1e01f

Failed attempt to get the filterbox right. Saved as a reference.

www/js/inv_fermentables.js file | annotate | diff | comparison | revisions
--- a/www/js/inv_fermentables.js	Tue Jan 22 22:46:58 2019 +0100
+++ b/www/js/inv_fermentables.js	Wed Jan 23 19:43:55 2019 +0100
@@ -230,11 +230,22 @@
 		columns: [
 			{ text: 'Producent', datafield: 'supplier', width: 140 },
 			{ text: 'Vergistbaar product', datafield: 'name' },
-			{ text: 'Soort', datafield: 'type', align: 'center', cellsalign: 'center', width: 135,
+			{ text: 'Soort', width: 135, filtertype: 'list', /*filteritems: FermentableTypeAdapter, displayfield: 'nl',*/ datafield: 'type',
 			  cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) {
-				return "<div style='margin: 4px;' class='jqx-center-align'>" + FermentableTypeData[value].nl + "</div>";
-			  }
-		       	},
+				  return "<div style='margin: 4px;' class='jqx-center-align'>" + FermentableTypeData[rowdata.type].nl + "</div>";
+			  },
+//	  		  createfilterwidget: function (column, htmlElement, editor) {
+//				editor.jqxDropDownList({ displayMember: "nl", valueMember: "id" });
+//			  }
+//			  createfilterwidget: function (column, columnElement, widget) {
+//				  widget.jqxDropDownList({ dropDownWidth: 350 });
+//			  }
+			},
+//			{ text: 'Soort', datafield: 'type', align: 'center', cellsalign: 'center', width: 135,
+//			  cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) {
+//				return "<div style='margin: 4px;' class='jqx-center-align'>" + FermentableTypeData[value].nl + "</div>";
+//			  },
+//		       	},
 			{ text: 'Graan type', datafield: 'graintype', align: 'center', cellsalign: 'center', width: 125,
 			  cellsrenderer: function (index, datafield, value, defaultvalue, column, rowdata) {
 				return "<div style='margin: 4px;' class='jqx-center-align'>" + GrainTypeData[value].nl + "</div>";

mercurial