jqgrid_utils 1.2.10 → 1.2.14

package/README.md

@@ -20,39 +20,14 @@ Example Usage:
 
 ```
 
-Discover All Functions:
-
-* To add the Qty of rows to the Caption text 
-*  grid_set_captain(_grid, data)
-* _grid: the DOM ID of grid(type: string), example: '#grid'
-* data: the grid data(type: array) (Optional)
+Init
 * example:
 ```javascript
-  let gu = new Jqgrid_utils();
-  loadComplete: function(data)
-  {
-    await gu.grid_set_captain(_grid, data);
-  }
-```
-
-## Functions:
+  let jqu = new Jqgrid_utils();
 
-### add grid_load_complete to don't show the delete icon
-```javascript
-    loadComplete: async function(data)
-      {
-        jqu.s_hide_del_icon();
-        grid_load_complete;
-      },
 ```
 
-```javascript
-    loadComplete: async function(data)
-      {
-        await jqu.hide_del_icon();
-        grid_load_complete;
-      },
-```
+
 
 <a name="module_Jqgrid_utils"></a>
 
@@ -79,6 +54,8 @@ 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) ⏏
+    * [module.exports#_filter()](#exp_module_Jqgrid_utils--module.exports+_filter) ⏏
 
 <a name="exp_module_Jqgrid_utils--module.exports+set_link"></a>
 
@@ -223,3 +200,35 @@ 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) ⏏
+Add a filter to the website beside the grid
+
+**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;
+        }
+      },
+```
+<a name="exp_module_Jqgrid_utils--module.exports+_filter"></a>
+
+### module.exports#\_filter() ⏏
+private function of set_filter
+
+**Kind**: Exported function  

package/_README.md

@@ -20,37 +20,12 @@ Example Usage:
 
 ```
 
-Discover All Functions:
-
-* To add the Qty of rows to the Caption text 
-*  grid_set_captain(_grid, data)
-* _grid: the DOM ID of grid(type: string), example: '#grid'
-* data: the grid data(type: array) (Optional)
+Init
 * example:
 ```javascript
-  let gu = new Jqgrid_utils();
-  loadComplete: function(data)
-  {
-    await gu.grid_set_captain(_grid, data);
-  }
-```
+  let jqu = new Jqgrid_utils();
 
-## Functions:
-
-### add grid_load_complete to don't show the delete icon
-```javascript
-    loadComplete: async function(data)
-      {
-        jqu.s_hide_del_icon();
-        grid_load_complete;
-      },
 ```
 
-```javascript
-    loadComplete: async function(data)
-      {
-        await jqu.hide_del_icon();
-        grid_load_complete;
-      },
-```
+
 

package/dist/jqgrid_utils.js

@@ -84,7 +84,7 @@ loadComplete: function(){
 */
   s_resize_saved_cell_width(col_model, page=false, grid=false)
   {
-   this.grid_set_captain(col_model, page, grid);
+   this.grid_set_caption(col_model, page, grid);
   }
 
 
@@ -545,6 +545,117 @@ async add_image(col_model, edit_field, size, link=false)
 
 
 
+
+/**
+* Add a filter to the website beside the grid 
+@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);
+  }
+}
+
+
+/**
+* private function of set_filter 
+@alias module:Jqgrid_utils
+*/
+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

@@ -83,7 +83,7 @@ loadComplete: function(){
 */
   s_resize_saved_cell_width(col_model, page=false, grid=false)
   {
-   this.grid_set_captain(col_model, page, grid);
+   this.grid_set_caption(col_model, page, grid);
   }
 
 
@@ -544,6 +544,117 @@ async add_image(col_model, edit_field, size, link=false)
 
 
 
+
+/**
+* Add a filter to the website beside the grid 
+@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);
+  }
+}
+
+
+/**
+* private function of set_filter 
+@alias module:Jqgrid_utils
+*/
+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.10"
+  "version": "1.2.14"
 }