jqgrid_utils 1.2.11 → 1.2.12

package/README.md

@@ -54,6 +54,7 @@ A module for Jqgrid_utils
     * [module.exports#__cell_format()](#exp_module_Jqgrid_utils--module.exports+__cell_format) ⏏
     * [module.exports#subgrid(_id, id, data_url, col_model, caption)](#exp_module_Jqgrid_utils--module.exports+subgrid) ⏏
     * [module.exports#add_image(col_model, edit_field, size, link)](#exp_module_Jqgrid_utils--module.exports+add_image) ⏏
+    * [module.exports#set_filter(grid, data, fx, append_to)](#exp_module_Jqgrid_utils--module.exports+set_filter) ⏏
 
 <a name="exp_module_Jqgrid_utils--module.exports+set_link"></a>
 
@@ -198,3 +199,27 @@ let col_model = JSON.parse(await vwu.aget_api(col_model_url))
 ```js
 col_model = await jqu.add_image(col_model, 'image', 60, false);
 ```
+<a name="exp_module_Jqgrid_utils--module.exports+set_filter"></a>
+
+### module.exports#set\_filter(grid, data, fx, append_to) ⏏
+**Kind**: Exported function  
+
+| Param | Type | Default | Description |
+| --- | --- | --- | --- |
+| grid | <code>object</code> |  | grid object or grid string name |
+| data | <code>object</code> |  | the grid data object |
+| fx | <code>object</code> |  | a dict with a array what should be filterd by the grid |
+| append_to | <code>string</code> | <code>&quot;#filter&quot;</code> | id name of the DOM oject where the filter should be appened |
+
+**Example**  
+```js
+var jqu = new Jqgrid_utils();
+var run_me_once = true;
+gridComplete: async function(){
+        if(run_me_once)
+        {
+          await jqu.set_filter(this, data, {material:[],section:[]}, '#filter');
+          run_me_once = false;
+        }
+      },
+```

package/dist/jqgrid_utils.js

@@ -545,6 +545,116 @@ async add_image(col_model, edit_field, size, link=false)
 
 
 
+
+/**
+@alias module:Jqgrid_utils
+@param {object} - grid object or grid string name
+@param {object} - the grid data object
+@param {object} - a dict with a array what should be filterd by the grid
+@param {string} - id name of the DOM oject where the filter should be appened 
+@example 
+var jqu = new Jqgrid_utils();
+var run_me_once = true;
+gridComplete: async function(){
+        if(run_me_once)
+        {
+          await jqu.set_filter(this, data, {material:[],section:[]}, '#filter');
+          run_me_once = false;
+        }
+      },
+*/
+async  set_filter(grid, data, fx, append_to="#filter")
+{
+  jQuery(grid).jqGrid('setGridParam', { fdata: data });
+  let f = document.querySelector(append_to);
+  for(const i in data)
+  {
+    for(let x in fx)
+    {
+      fx[x].push(data[i][x]);
+    }
+  }
+
+  for(let x in fx)
+  {
+    fx[x]= fx[x].filter((val, ind, arr) => arr.indexOf(val) === ind);
+    fx[x].sort();
+  }
+
+  for(let x in fx)
+  {
+    let ul = document.createElement('ul');
+    let lh = document.createElement('lh');
+    lh.innerHTML = x;
+    ul.appendChild(lh);
+    for(let i in fx[x])
+    {
+      let li = document.createElement('li');
+      let l = document.createElement('label');
+      l.innerHTML = fx[x][i];    
+      let c = document.createElement('input');
+      c.setAttribute('type','checkbox');
+      c.setAttribute('class',x);
+      c.setAttribute('id', x + '_' + fx[x][i]);
+      l.setAttribute('for',x + '_' + fx[x][i]);
+      c.value = fx[x][i];
+      c.onchange = async () => { await this._filter(grid,fx);};
+      li.appendChild(l);
+      li.appendChild(c);
+      ul.appendChild(li);
+    }
+    f.appendChild(ul);
+  }
+}
+
+
+/**
+@alias module:Jqgrid_utils
+private function for set_filter 
+*/
+async _filter(grid, fx)
+{
+  let _data = [];
+  let data = jQuery(grid).jqGrid('getGridParam','fdata');
+  let filter = [];
+  for(let x in fx)
+  {
+    let m = document.querySelectorAll("." + x);
+    filter[x] = [];
+    for(let i in m)
+    {
+      if(m[i].checked)
+      {
+        filter[x].push(m[i].value);
+      }
+    }
+  }
+  for(let i in data)
+  {
+    let include = false;
+    for(let x in fx)
+    {
+      if(filter[x].indexOf(data[i][x]) != -1)
+      {
+        include = true;
+      }
+    }
+    if(include)
+    {
+      _data.push(data[i]);
+    }
+  }
+  jQuery(grid).jqGrid('clearGridData');
+  jQuery(grid).jqGrid('setGridParam', {data: _data});
+  jQuery(grid).trigger('reloadGrid');
+}
+
+
+
+
+
+
+
 };
 
 

package/jqgrid_utils.js

@@ -544,6 +544,116 @@ async add_image(col_model, edit_field, size, link=false)
 
 
 
+
+/**
+@alias module:Jqgrid_utils
+@param {object} - grid object or grid string name
+@param {object} - the grid data object
+@param {object} - a dict with a array what should be filterd by the grid
+@param {string} - id name of the DOM oject where the filter should be appened 
+@example 
+var jqu = new Jqgrid_utils();
+var run_me_once = true;
+gridComplete: async function(){
+        if(run_me_once)
+        {
+          await jqu.set_filter(this, data, {material:[],section:[]}, '#filter');
+          run_me_once = false;
+        }
+      },
+*/
+async  set_filter(grid, data, fx, append_to="#filter")
+{
+  jQuery(grid).jqGrid('setGridParam', { fdata: data });
+  let f = document.querySelector(append_to);
+  for(const i in data)
+  {
+    for(let x in fx)
+    {
+      fx[x].push(data[i][x]);
+    }
+  }
+
+  for(let x in fx)
+  {
+    fx[x]= fx[x].filter((val, ind, arr) => arr.indexOf(val) === ind);
+    fx[x].sort();
+  }
+
+  for(let x in fx)
+  {
+    let ul = document.createElement('ul');
+    let lh = document.createElement('lh');
+    lh.innerHTML = x;
+    ul.appendChild(lh);
+    for(let i in fx[x])
+    {
+      let li = document.createElement('li');
+      let l = document.createElement('label');
+      l.innerHTML = fx[x][i];    
+      let c = document.createElement('input');
+      c.setAttribute('type','checkbox');
+      c.setAttribute('class',x);
+      c.setAttribute('id', x + '_' + fx[x][i]);
+      l.setAttribute('for',x + '_' + fx[x][i]);
+      c.value = fx[x][i];
+      c.onchange = async () => { await this._filter(grid,fx);};
+      li.appendChild(l);
+      li.appendChild(c);
+      ul.appendChild(li);
+    }
+    f.appendChild(ul);
+  }
+}
+
+
+/**
+@alias module:Jqgrid_utils
+private function for set_filter 
+*/
+async _filter(grid, fx)
+{
+  let _data = [];
+  let data = jQuery(grid).jqGrid('getGridParam','fdata');
+  let filter = [];
+  for(let x in fx)
+  {
+    let m = document.querySelectorAll("." + x);
+    filter[x] = [];
+    for(let i in m)
+    {
+      if(m[i].checked)
+      {
+        filter[x].push(m[i].value);
+      }
+    }
+  }
+  for(let i in data)
+  {
+    let include = false;
+    for(let x in fx)
+    {
+      if(filter[x].indexOf(data[i][x]) != -1)
+      {
+        include = true;
+      }
+    }
+    if(include)
+    {
+      _data.push(data[i]);
+    }
+  }
+  jQuery(grid).jqGrid('clearGridData');
+  jQuery(grid).jqGrid('setGridParam', {data: _data});
+  jQuery(grid).trigger('reloadGrid');
+}
+
+
+
+
+
+
+
 };
 
 

package/package.json

@@ -29,5 +29,5 @@
   {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "version": "1.2.11"
+  "version": "1.2.12"
 }