jqgrid change cell value and stay in edit mode

by

If you need to implement the behavior of dependency cells which are all in the editing mode you have to modify the cell contain manually with respect of jQuery.html function for example. If the name of the column which you want to modify has the name “description”, and you use ‘blur’ event on another “code” column then you can do about the following

editoptions: {
    dataEvents: [
        {
            type: 'blur',
            fn: function(e) {
                var newCodeValue = $(e.target).val();
                // get the information from any source about the
                // description of based on the new code value
                // and construct full new HTML contain of the "description"
                // cell. It should include "<input>", "<select>" or
                // some another input elements. Let us you save the result
                // in the variable descriptionEditHtml then you can use

                // populate descriptionEditHtml in the "description" edit cell
                if ($(e.target).is('.FormElement')) {
                    // form editing
                    var form = $(e.target).closest('form.FormGrid');
                    $("#description.FormElement",form[0]).html(descriptionEditHtml);
                } else {
                    // inline editing
                    var row = $(e.target).closest('tr.jqgrow');
                    var rowId = row.attr('id');
                    $("#"+rowId+"_description",row[0]).html(descriptionEditHtml);
                }
            }
        }
    ]
}

The code will work for both inline and form editing.

The working example of dependent <select> elements you can find here.

More Related Contents:

  1. Adding a CSS class to a column
  2. jqgrid: how to set toolbar options based on column value in row selected
  3. Jqgrid: navigation based on the selected row
  4. Adding new row to jqGrid using modal form on client only
  5. Get all rows not filtered from jqGrid
  6. JqGrid with autocompletion cant parse data from controller to view
  7. Add toolbar in the bottom of the header using jqgrid
  8. Custom jQGrid post action
  9. jqgrid: How to set cell specific css class at generation time
  10. postData not passing any parameters!
  11. How to get a jqGrid cell value when editing
  12. Jqgrid Tree View Adjacencey
  13. jqgrid dynamic columns and data by json [duplicate]
  14. jqGrid Not Loading Data
  15. jqGrid implementing of custom cell: integration of raty-plugin
  16. jqGrid need a field editable on Add dialog but not Edit dialog
  17. Load local JSON data in jQgrid without AddJsonRows
  18. JQGrid – How Can We make an Custom Row Detail
  19. highlight error cell or input when validation fails in jqgrid
  20. jqGrid – format ratio field as percent value
  21. Is it possible to modify the colModel after data has loaded with jqgrid?
  22. jqGrid – How to modify form_editing construction?
  23. Add multiple input elements in a custom edit type field
  24. Filtering jqGrid datetime columns using date picker just on date
  25. jqGrid Subgrid with “local” Data
  26. jqGrid Pager Area – Using Font Awesome Icons
  27. jqGrid DatePicker filtering without hitting Enter key
  28. jqGrid trigger “Loading…” overlay
  29. Setting data attribute on each row of a jqgrid table
  30. How to delete rows with local data in jqgrid

Leave a Comment