jqgrid aftershowform - Javascript

jqGrid is a Javascript plugin for displaying and manipulating tabular data on the web. It is a popular choice for developers because of its ease of use and ability to handle large datasets. One of the useful features of jqGrid is the aftershowform event, which allows developers to execute code after a form is displayed in the editing dialog.

How does aftershowform work in jqGrid?

The aftershowform event is triggered after the form is displayed in the editing dialog. This event can be used to execute code that needs to run after the form is displayed. This event is useful when you need to make changes to the form after it is displayed, or when you need to add custom validation or processing code.

Using aftershowform in jqGrid

To use the aftershowform event in jqGrid, you need to define a function that will execute when the event is triggered. This function will have access to the edit form, and you can use it to modify the form as needed. Here is an example of how to use the aftershowform event:

    $('#grid').jqGrid({
        url: 'getdata.php',
        editurl: 'editdata.php',
        datatype: 'json',
        colModel: [
            { label: 'ID', name: 'id', key: true, width: 75 },
            { label: 'Name', name: 'name', width: 150, editable: true }
        ],
        pager: '#pager',
        rowNum: 10,
        rowList: [10, 20, 30],
        sortname: 'name',
        sortorder: 'asc',
        viewrecords: true,
        gridview: true,
        caption: 'jqGrid Aftershowform Example',
        editGridRow: {
            aftershowform: function(formid) {
                // Add custom validation code here
                $('#name', formid).addClass('required');
            }
        }
    });

In this example, we define the jqGrid with two columns: ID and Name. We also define the editGridRow function, which we pass an object with an aftershowform property. The value of this property is a function that takes the formid as a parameter. Inside this function, we add a custom validation class to the name field.

Conclusion

jqGrid is a powerful Javascript plugin for displaying and manipulating tabular data on the web. The aftershowform event is a useful feature that allows developers to modify the editing form after it is displayed. This event can be used to add custom validation or processing code to the form, and it is easy to use.