Comment puis-je maintenir la position de mise au point dans UpdatePanel après page partielle post de retour

J'ai quatre champs dans une page avec le panneau de mise à jour. Initialement focus de la souris est le premier contrôle. Quand je suis partiellement d'après revenir à la page au serveur, l'accent se déplace automatiquement à la première commande à partir de la dernière concentré de contrôle à partir de la commande j'ai des onglets en bas de. Est-il possible de maintenir la dernière mise au point?

InformationsquelleAutor Dee | 2010-04-24
  1. 10

    Prendre un coup d'oeil à La restauration le foyer Perdu dans le Panneau de mise à Jour Automatique de Post-Commandes:

    L'idée de base de la solution consiste à enregistrer l'ID du contrôle
    avec le focus d'entrée avant le panneau de mise à jour est mis à jour et réglez l'entrée
    focus que le contrôle après la mise à jour du panneau est mis à jour.

    Je viens avec le code JavaScript suivant qui restaure le foyer perdu dans
    le panneau de mise à jour. 

    var lastFocusedControlId = "";
function focusHandler(e) {
document.activeElement = e.originalTarget;
}
function appInit() {
if (typeof(window.addEventListener) !== "undefined") {
window.addEventListener("focus", focusHandler, true);
}
Sys.WebForms.PageRequestManager.getInstance().add_pageLoading(pageLoadingHandler);
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoadedHandler);
}
function pageLoadingHandler(sender, args) {
lastFocusedControlId = typeof(document.activeElement) === "undefined" 
? "" : document.activeElement.id;
}
function focusControl(targetControl) {
if (Sys.Browser.agent === Sys.Browser.InternetExplorer) {
var focusTarget = targetControl;
if (focusTarget && (typeof(focusTarget.contentEditable) !== "undefined")) {
oldContentEditableSetting = focusTarget.contentEditable;
focusTarget.contentEditable = false;
}
else {
focusTarget = null;
}
targetControl.focus();
if (focusTarget) {
focusTarget.contentEditable = oldContentEditableSetting;
}
}
else {
targetControl.focus();
}
}
function pageLoadedHandler(sender, args) {
if (typeof(lastFocusedControlId) !== "undefined" && lastFocusedControlId != "") {
var newFocused = $get(lastFocusedControlId);
if (newFocused) {
focusControl(newFocused);
}
}
}
Sys.Application.add_init(appInit);
    InformationsquelleAutor drs9222
  2. 3

    Je trouve cela plus élégant:

        (function(){
var focusElement;
function restoreFocus(){
if(focusElement){
if(focusElement.id){
$('#'+focusElement.id).focus();
} else {
$(focusElement).focus();
}
}
}
$(document).ready(function () {
$(document).on('focusin', function(objectData){
focusElement = objectData.currentTarget.activeElement;
});
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(restoreFocus);
});
})();
    InformationsquelleAutor Erez Lerner