Toolbar Searching

Option searchOnEnter not exist in last version?

Sorry being so stupid, but… how to clearToolbar with the NEW API?? Is some kind of

var sgrid = $("#grid_id")[0];
sgrid.jqGrid('clearToolbar');

??? Note: it does not work.

@Dynamic search, “Do not use these three methods with the new API. They will not work! ”

It would be great if the latest methods can be listed here.

Hi all!

How I can capture the values ​​entered by the user to perform the filter? using the filterToolbar.

Thanks!

I have a simple colModel for my grid with only 2 columns of width 10 and 590 respectively, with only the second column sortable:

colModel:[ {name:'tick', index:'tick', formatter:'checkbox', formatoptions:{disabled:false}, search:false, width:10, align:'right'}, {name:'job', index:'job', sorttype:“text”, searchoptions:{sopt:['cn']}, formatter:showJob, title:false, width:590, align:'left'} ],

I have a simple filterToobar:

myGrid.jqGrid('filterToolbar', {searchOnEnter:false}); myGrid[0].triggerToolbar();

The filter input for column 2 is NOT the same width as column 2 (590) but instead is half the width of the grid (10 plus 590)/2 = 300.

How do I make the toolbar column the same width as the grid column?

Hi there,

I have a problem with searching. Here is my Codes:

<script type=“text/javascript”>

      $(document).ready(function () {

          var updateDialog = {
              url: 'CityList.aspx/GetList'
              , closeAfterEdit: true
              , modal: true
              , onclickSubmit: function (params) {
                  var list = $("#tblList");
                  var selectedRow = list.getGridParam("selrow");
                  rowData = list.getRowData(selectedRow);
                  var status = $("#Status").val();
                  var aciklama = $("#Aciklama").val();
                  var id = rowData.OrderId;
                  $.ajax({
                      type: "POST",
                      url: "OrderList.aspx/EditOrder",
                      data: '{orderId:"' + id + '",status:' + status + ',aciklama:"' + aciklama + '"}',
                      contentType: "application/json; charset=utf-8",
                      dataType: "json",
                      success: function () {
                          jQuery("#tblList").setGridParam({ rowNum: 10, datatype: "json" }).trigger('reloadGrid');
                      }
                  });

                  return ajaxData;
              }
              , width: "400"
          };

          $.jgrid.nav.edittext = "Düzenle";
          $.jgrid.edit.addCaption = "Şehir Ekle";
          $.jgrid.edit.editCaption = "Şehir Düzenle";

          jQuery("#tblList").jqGrid({
              url: 'OrderList.aspx/GetList',
              mtype: 'POST',
              datatype: 'json',
              postData: { searchString: '', searchField: '', searchOper: '' },
              ajaxGridOptions: { contentType: "application/json" },
              serializeGridData: function (postData) {
                  var propertyName, propertyValue, dataToSend = {};
                  for (propertyName in postData) {
                      if (postData.hasOwnProperty(propertyName)) {
                          propertyValue = postData[propertyName];
                          if ($.isFunction(propertyValue)) {
                              dataToSend[propertyName] = propertyValue();
                          } else {
                              dataToSend[propertyName] = propertyValue
                          }
                      }
                  }
                  return JSON.stringify(dataToSend);
              },
              jsonReader: {
                  root: "d.rows",
                  page: "d.page",
                  total: "d.total",
                  records: "d.records"
              },

              colNames: ['Id', 'Sip. No', 'Sip. Tarihi', 'Müşteri', 'Sip. Sahibi', 'Müşteri Tel.', 'Sip. Tutari', 'Açıklama', 'Ürün(ler)', 'Toplam', 'Sip. Durumu'],
              colModel: [
                  { name: 'OrderId', index: 'OrderId', hidden: true },
                  { name: 'Number', index: 'Number', width: 50, editable: true, sorttype: 'text', searchoptions: { sopt: ['eq', 'ne'] }, edittype: 'text', editoptions: { readonly: true} },
                  { name: 'Creation', index: 'Creation', width: 100, editable: true, edittype: 'text', editoptions: { readonly: true} },
                  { name: 'customer', index: 'customer', width: 100, edittype: 'text', editoptions: { readonly: true} },
                  { name: 'orderOwner', index: 'orderOwner', width: 100, editable: true, edittype: 'text', editoptions: { readonly: true} },
                  { name: 'Telephone1', index: 'Telephone1', width: 100, editable: true, edittype: 'text', editoptions: { readonly: true} },
                  { name: 'Sum', index: 'Sum', width: 100, editable: true, edittype: 'text', editoptions: { readonly: true} },
                  { name: 'Aciklama', index: 'Aciklama', width: 100, editable: true, edittype: 'text' },
                  { name: 'produtList', index: 'produtList', width: 100, editable: true, edittype: 'text' },
                  { name: 'total', index: 'total', width: 100, editable: true, edittype: 'text' },
                  { name: 'Status', index: 'Status', width: 100, editable: true, edittype: 'select', editoptions: { value: { 0: 'Onay Bekliyor', 1: 'Onaylandı', 2: 'Reddedildi'}} }
              ],
              ondblClickRow: function (id) { alert("You double click row with id: " + id); },
              pager: '#tblPager',
              rowList: [10, 20, 30],
              sortname: 'OrderId',
              sortorder: 'desc',
              rowNum: 15,
              loadtext: "Yukleniyor....",
              shrinkToFit: true,
              multiselect: false,
              emptyrecords: "Kayit Bulunamadi",
              autowidth: true,
              height: "400",
              rownumbers: true,
              //subGrid: true,
              caption: 'Şehirler'
          }).navGrid('#tblPager', { add: false, del: false, edit: true, reload: true, search: true },
           updateDialog,
              updateDialog,
              updateDialog,
          { multipleSearch: true });

      });

      jQuery("#tblList").editGridRow(rowid, properties);

      jQuery("#tblList").edit = {
          editCaption: "Düzenle",
          bSubmit: "Düzenle",
          bCancel: "Vazgeç",
          processData: "Yükleniyor...",
          msg: {
              required: "Bu alan boş geçilemez",
              number: "Please enter valid number!",
              minValue: "value must be greater than or equal to ",
              maxValue: "value must be less than or equal to"
          }
      };

      function OpenEdit() {
          var selectedId = GetSelectedEntity("#tblList").OrderId;
          OpenUrl("OrderEdit.aspx?oid=" + selectedId);
      }

   
  </script>

Can you help me?