Imagina una simple lista de usuarios con enlaces "editar". Al hacer clic en "Editar" se abre un cuadro de diálogo con los detalles del usuario seleccionado. La ventana emergente "Detalles" es una vista parcial.

Tengo un problema con las Vistas parciales que se almacenan en la memoria caché al abrirlas en las ventanas de diálogo de JQuery.

Mi vista parcial (observe el atributo OutputCache como una de las cosas que intenté resolver el problema de almacenamiento en caché):

    [HttpGet]
    [OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]
    public PartialViewResult EditUser(int id)
    {
     var userList = userRepository.GetByRole(id);

     return PartialView("EditUser",userList);
    }

El PartialView anterior se solicita y se carga desde la siguiente función de Javascript:

function editUserOpen(id) {

    $.ajaxSetup({  ///// Another thing I tried to solve caching
        cache: false
    });

    var url = "/User/PartialViewResult/" + id;

    $('#user-wrap').empty().load(url, function () {

    $("#dialog-edit-user").dialog({
        title: "Edit User",
        autoOpen: false,
        height: 300,
        width: 500,
        modal: true
    });

        $('#dialog-edit-user').dialog("open");
    });
}

Como se muestra arriba, "dialog-edit-user" (junto con "dialog-add-user" y "dialog-delete-user") se encuentran dentro de la División "user-wrap" en el DOM.

Funcionalmente, todo funciona, pero cuando abro un cuadro de diálogo, cancelo y luego intento abrir cuadros de diálogo para otros usuarios, hasta que la página se actualice, los cuadros de diálogo siempre contendrán información del cuadro de diálogo que se muestra inicialmente. Me di cuenta de que es un problema de almacenamiento en caché, pero se me acabaron las formas de resolverlo.

Me gustaría mantenerme alejado de $ .ajax ({cache: false;}). Html (contenido) si es posible. Me parece que es mucho más lento que .load ().