jQuery Grid Plugin - jqGrid - Topic: Submitting Add/Edit/Search on Enter key

islandblaze on Submitting Add/Edit/Search on Enter key

Tue, 28 Aug 2012 17:57:42 +0300

Enter on Add/Edit:

$.extend($.jgrid.edit, {
        // ... some other default which you use
        onInitializeForm: function ($form) {
           $("td.DataTD>.FormElement", $form).keypress(function (e) {
                if (e.which === $.ui.keyCode.ENTER) {
                    $("#sData", $form.next()).trigger("click");
                    return false;
                }
            });
        }
   });

Enter on Search:

$.extend($.jgrid.search, {
        // ... some other default which you use
        afterRedraw: function (p) {
            var $form = $(this), formId = this.id, // fbox_list
                bindKeydown = function () {
                    $form.find("td.data>.input-elm").keydown(function (e) {
                        if (e.which === $.ui.keyCode.ENTER) {
                            $(e.target).change();
                            $("#" + $.jgrid.jqID(formId) + "_search").click();
                        }
                    });
                },
                oldOnChange = p.onChange,
                myOnChange = function (param) {
                    var $input = $form.find("td.data>.input-elm"), events;
                    oldOnChange.call(this, param);
                    if ($input.length > 0) {
                        events = $input.data("events");
                        if (events && !events.keydown) {
                            bindKeydown();
                        }
                    }
                };
            p.onChange = myOnChange;
            bindKeydown.call(this);
        }
    });

mfej74 on Submitting Add/Edit/Search on Enter key

Thu, 16 Sep 2010 19:08:49 +0300

Hi,

I have the same request. In the advanced search box, i want to execute the search button when i press enter. ( i used the modal option), but i don't understand how to do that. I try to have a look to the html generated by the search box but i have no idea to do that.

thanks for your helps.

tony on Submitting Add/Edit/Search on Enter key

Thu, 05 Feb 2009 02:56:55 +0200

Hello,

You can use onInitializeForm and attach a Enter to submit the form

Use

onInitializeForm : function(formid) {

$('input',formid).keypress(function(e) {

if(EnterKey is pressed) {

$(”#sData”,formid).trigger(”click”);

return false;

}

});

}

kumar on Submitting Add/Edit/Search on Enter key

Wed, 04 Feb 2009 21:24:31 +0200

It would be great if for the Add/Edit/Search forums, the Enter key would default to the submit button, so users can use it instead of having to click the button.

Thanks