Client side filter after load grid with free jqgrid 08.02.21

let filter = { op: "eq", field: "component", data: foo};

postData: {
          filters: {
              groupOp: "AND",
              rules: [filter]
         }
}

full example

File Edit Options Buffers Tools IM-Javascript-IDE JavaScript JavaScript Help                                                                                                      
  var log = new Log2textarea("logger2");
  log.info("...start style_delivery_time");
  window.onload = async  function () {
  //waitingDialog.show('Loading Table Header...');                                                                                                                                
  const api  = await get_api_url();
  const host = await get_grid_host();
  const url = api + '/component/needed' ;
  let filter = {};
  log.info('...request url:' + url);

let col_model = JSON.parse(await aget_api(url +"?f=col_model"));
  let v  = get_parameters();

if(v['style'])
  {
    filter = { op: "eq", field: "component", data: v['style']};
  }

if(col_model.length > 0)
  {
    set_grid(url, col_model, filter);
  }

};
  async function set_grid(url, col_model, filter)
  {
  $grid = jQuery("#grid").jqGrid({
      colModel: col_model,
      url: url + '?f=data',
      datatype: "json",
      loadonce: true,
      beforeRequest: function(id){setTimeout(function () {waitingDialog.hide();},1000);},
      rownumbers: true,
      iconSet: 'fontAwesome',
      searching: {defaultSearch: "bw"},
      pagger: true,
      rowNum:1000,
      toppager: true,
      caption: 'Compontents Needed',
      autowith:true,
      shrinkToFit: false,
      restoreAfterSelect: false,
      saveAfterSelect: true,
      loadonce: true,
      forceClientSorting: true,
      search: true,
      loadComplete: grid_load_complete,
      onSelectRow: function (id) {window.rowdata = jQuery(this).getRowData(id); },
      cmTemplate: { autoResizable: true, editable: true },
      postData: {
          filters: {
              groupOp: "AND",
              rules: [filter]
          }
      }
    }).jqGrid("filterToolbar",{ searchOnEnter: true, enableClear: false }).jqGrid("gridResize").jqGrid("inlineNav",{
        edit:false,
        add:false,
        save:false,
        cancel:false,
        del:false
    }).jqGrid("navButtonAdd", "#grid_toppager",{
        caption: "Download CSV",
        id:"download",
        buttonicon: "fa-file-excel-o",
        onClickButton: function(err,res){
         jQuery(this).jqGrid("jqgrid_download",'csv');
        }

}).jqGrid("navButtonAdd", "#grid_toppager",{
        caption: "Show all compontents needed",
        id:"show_all",
        onClickButton: function(err,res){
         window.location = window.location.href.split("?")[0];
        }
   });

}

http://www.ok-soft-gmbh.com/jqGrid/OK/formEditOnDoubleClick-jqueryui-fa1.htm

Anonymous

08.02.21

Anonymous

08.02.21

Anonymous

Client side filter after load grid with free jqgrid 08.02.21

Information Epoch 1713576951