www/js/profile_mash.js

changeset 701
3ce3df681be0
parent 688
0ce464e42d8b
child 702
f0896a6f9b64
--- 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) {

mercurial