Will Enter-Taste zum Triggern der Suche mit jqgrid

Question

Ich benutze JQgrid und ich habe den Suchdialog immer geöffnet. Ich möchte, dass die Eingabetaste die Suche startet, wenn sie gedrückt wird. Ich habe einige andere Lösungen ausprobiert, wie zum Beispiel die onbeforeshowseach-Methode in der Suche, aber dann wird es mein immer geöffnetes Suchfeld los. Kann mir jemand helfen, das herauszufinden? Hier ist mein Gitter und suchen Dialogcode:

//Create the grid 
var grid = $("#list"), prmSearch = { multipleSearch: false, overlay: false }; 
    var url = window.URLS.get('MySample'); 
    $("#list").jqGrid({ 
     url: url, 
     datatype: 'json', 
     mtype: 'POST', 
     postData: { 
      ignoreCurrentSelectionPage: function() { return ignoreCurrentSelectionPage; }, 
      groupNo: '<%= ViewBag.value1%>', 
      groupType: '<%= ViewBag.value2%>' 
     }, 
     colNames: ['Col1', 'Col2', 'Col3','Col4', 'Col5','Col6', 'Col7'], 
     colModel: [ 
     { name: 'Col1', index: 'Col1', width: 300, align: 'center', hidden: true }, 
     { name: 'Col2', index: 'Col2', width: 250, align: 'left', search: true, searchoptions: { sopt: ['bw', 'ew','cn','eq', 'ne' ]} }, 
     { name: 'Col3', index: 'Col3', width: 240, align: 'left' , search: true, searchoptions: { sopt: ['bw', 'ew','cn','eq', 'ne' ]}}, 
     { name: 'Col4', index: 'Col4', width: 100, align: 'center', search: false }, 
     { name: 'Col5', index: 'Col5', width: 100, align: 'center', search: false }, 
     { name: 'Col6', index: 'Col6', width: 100, align: 'center', search: false }, 
     { name: 'Col7', index: 'Col7', editable: true, edittype: 'checkbox', editoptions: { value: "yes:no" },search:false, 
      formatter: "checkbox", formatoptions: { disabled: false }, align: 'center', width: 50 
     }, 
     ], 
     pager: jQuery('#pager'), 
     rowNum: 15, 
     rowList: [10, 15, 25, 50, 100, 500], 
     sortname: 'Col2', 
     sortorder: "asc", 
     viewrecords: true, 
     multiselect: false, 
     multikey: "ctrlKey", 
     caption: 'Sample', 
     width: "100%", 
     height: "100%", 
     loadError: function (xhr, textStatus, errorThrown) { 
     }, 
     gridComplete: function() { 

      prmSearch = { multipleSearch: true, overlay: false }; 
      ignoreCurrentSelectionPage = true; 
      $("#list").setSelection(selectedRowId, true); 



      }, 

    }).navGrid('#pager', 
     { edit: false, add: false, del: false, search: true, refresh: true }, 
     {}, // default settings for edit 
     {}, // default settings for add 
     {}, // delete instead that del:false we need this 
     {overlay:0}, // search options 
     {}, /* view parameters*/ 
     prmSearch); 
     // create the searching dialog 
     grid.searchGrid(prmSearch); 
     // find the div which contain the searching dialog 
     //var searchDialog = $("#searchmodfbox_" + grid[0].id); 
     var searchDialog = $("#searchmodfbox_" + grid[0].id); 
     // make the searching dialog non-popup 
     searchDialog.css({ position: "relative", "z-index": "auto"}); 
     searchDialog.addClass("ui-jqgrid ui-widget ui-widget-content ui-corner-all"); 
     searchDialog.css({ position: "relative", "z-index": "auto", float: "left"}); 
     var gbox = $("#gbox_" + grid[0].id); 
     gbox.before(searchDialog); 
     gbox.css({ clear: "left"}); 
     //remove the empty span in the search dialog box. 
     //we may need to re-add this is advanced searching is turned on 
     $("#fbox_list").find('span:empty').parent().remove(); 

     //remove the empty span in the search dialog box. 
     //we may need to re-add this is advanced searching is turned on 
     $("#fbox_list").find('span:empty').parent().remove(); 

Answer 1

ich auf die Frage beantwortet here. Die entsprechende Demo ist here. Ich nehme an, dass die Antwort nicht leicht zu finden ist, weil die Wörter "Suchen", "Dialog" und "Enter" zu häufig sind.