tags:

views:

171

answers:

1
Q: 

Display nice error message when there is something wrong after ajax request jqgrid

Hello,

I delete rows with this function:

function deleteRow(){
 rows = jQuery("#category_grid").getGridParam('selarrrow');
 if( rows.length>0){
  jQuery('#category_grid').delGridRow(rows,{
   msg:'Verwijderen geselecteerde rijen?'   
  });
 }else{
  alert("Selecteer eerst een rij om te verwijderen!"); 
 }
}

but when it's fails in my php, server side and a exception is thrown. The errormessage looks not nice. How can i show errotext in the dialog box? or catch an error message after an ajax call?

At the moment the error message looks like: error Status: 'CDbException'. Error code: 500

When i googled i found a event of the delGridRow function called errorTextFormat. Is this the event where i'm looking for? Can someone please give me an example of the implementation of this event?

greetings

niels

+1  A: 

Hi, Niels!

The second parameter of delGridRow is an object with options, so you can do like following

jQuery('#category_grid').delGridRow(rows,{
    errorTextFormat: function (data) {
        if (data.responseText.substr(0, 6) == "<html ") {
            return jQuery(data.responseText).html();
        }
        else {
            return data.responseText;
            // or
            // return "Status: '" + data.statusText + "'. Error code: " +data.status;
        }
    }
});

The text retText, which you give back by errorTextFormat function will be placed in the corresponding div of the error message with respect of jQuery.html(retText) code inside of delGridRow function.

By the way I don't call delGridRow function directly. Instead of that if I add the navigation bar to the jqGrid with respect of navGrid function, I gives my errorTextFormat function as a parameter to standard "Delete button". To be exact I do this with respect of $.jgrid.del:

jQuery.extend(jQuery.jgrid.del, {
    ajaxDelOptions: { contentType: "application/json" },
    mtype: "DELETE",
    reloadAfterSubmit: false,
    jqModal: false,
    serializeDelData: function (postdata) {
        return "";
    },
    errorTextFormat: function (data) {
        if (data.responseText.substr(0, 6) == "<html ") {
            return jQuery(data.responseText).html();
        }
        else {
            return "Status: '" + data.statusText + "'. Error code: " + data.status;
        }
    }
});

(the real code of my errorTextFormat looks like a little more complex, but the idea of usage is the same).

Oleg  2010-05-17 15:45:48

related questions

How to register a JavaScript callback in a Java Applet?
Is it possible to pass parameters by reference using call_user_func_array()?
Are delegates and callbacks the same or similiar?
PHP: Callback on Entry/Exit of Class Methods?
C# callback from DLL
Javascript callback for knowing when an image is loading
How can I disable a validation and callbacks in a rails STI derived model?
Javascript callback functions and recursion
What is a callback function and how do I use it with OOP
ASP.NET 2.0 callbacks not working correctly in Firefox
Client side Callback in GWT
JavaScript Callback Scope
How to Pass an Object Method as a Parameter in Delphi, and then Call It?
Handling Managed Delegates in Unmanaged code
How can circular dependencies be avoided when callbacks are used?
ASP.NET 3.5: GetCallbackEventReference doesn't work synchronously
What is a "callback" in C and how are they implemented?
Alternatives to using delays when automatically testing an AJAX web UI
How do I 'validate' on destroy in rails
Do callbacks stop operations in rails
What is effect of "__callback" SAL annotation?
In MATLAB, can a class method act as a uicontrol callback without being public?
Has anybody compared WCF and ZeroC ICE?
WSDualHttpBinding for duplex callbacks
How to read bound hover callback functions in jquery