x Close button does not close the dialog

x Close button does not close the dialog

Hi everybody,

I am trying to create the following interface - from the grid's row I want to be able to launch a modal form to make edit and upon saving the row in the grid should update. I am using flexigrid control and ASP.NET MVC

I use the following code (for testing purposes) to launch the modal form: 

  1. function edit(com, grid)
{
        $('.trSelected', grid).each(function () {
          
                var id = $(this).attr('id');
                id = id.substring(id.lastIndexOf('row') + 3);
                currentId = id;
                $('#fntype').val('Edit');
            //  var url = '/Client/Edit/' + id;            
                var url = "/Home/About/";
                $("#sform").load(url).dialog({ modal: true, width: 1200, height: 750, resizable: true, close: function (event, ui) { alert('Closed'); } });

        });

    }
For now I commented out the Client/Edit and just trying the Home/About as I found that close button on that modal form does not close that form.

Do you know what may be wrong here and how can I debug this problem?

Thanks in advance.