--- a/www/js/profile_mash.js Thu Jun 11 19:59:30 2020 +0200 +++ b/www/js/profile_mash.js Sat Jun 13 12:14:26 2020 +0200 @@ -257,6 +257,10 @@ // initialize the input fields. $('#name').jqxInput({ theme: theme, width: 480, height: 23 }); $('#notes').jqxInput({ theme: theme, width: 800, height: 100 }); + + var localizationobj = {}; + localizationobj.filterchoosestring= "Keuze:"; + // initialize jqxGrid $('#jqxgrid').jqxGrid({ width: 1280, @@ -267,14 +271,14 @@ renderstatusbar: function(statusbar) { var container = $('<div style="overflow: hidden; position: relative; margin: 5px;"></div>'); 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;">Add</span></div>'); + 'src="images/add.png"/><span style="margin-left: 4px; position: relative; top: -4px;">Add</span></div>'); var expButton = $('<div style="float: right; margin-right: 50px;"><img style="position: relative; margin-top: 2px;" ' + - 'src="images/database.png"/><span style="margin-left: 4px; position: relative; top: -3px;">Export</span></div>'); + 'src="images/database.png"/><span style="margin-left: 4px; position: relative; top: -10px;">Export</span></div>'); container.append(addButton); container.append(expButton); statusbar.append(container); - addButton.jqxButton({ theme: theme, width: 90, height: 20 }); - expButton.jqxButton({ theme: theme, width: 90, height: 20 }); + addButton.jqxButton({ theme: theme, width: 90, height: 17 }); + expButton.jqxButton({ theme: theme, width: 90, height: 17 }); // add new row. addButton.click(function(event) { editrow = -1; @@ -287,10 +291,15 @@ window.open('export_mashs.php'); }); }, + ready: function () { + $("#jqxgrid").jqxGrid('localizestrings', localizationobj); + }, + filterable: true, + showfilterrow: true, columns: [ - { text: 'Maish schema', datafield: 'name', width: 250 }, - { text: 'Opmerkingen', datafield: 'notes' }, - { text: '', datafield: 'Edit', width: 100, align: 'center', columntype: 'button', + { text: 'Maish schema', datafield: 'name', width: 250, filtertype: 'textbox' }, + { text: 'Opmerkingen', datafield: 'notes', filtertype: 'textbox' }, + { text: '', datafield: 'Edit', width: 100, align: 'center', columntype: 'button', filterable: false, cellsrenderer: function() { return 'Wijzig'; }, buttonclick: function(row) {