Dojo désactiver la saisie de tous les champs dans le conteneur div

Est-il un moyen pour désactiver la saisie de tous les champs dans un div conteneur avec dojo?

Quelque chose comme:

dijit.byId('main').disable -> Input

OriginalL'auteur opHASnoNAME | 2009-09-03

  1. 7

    Bien sûr. Ouvrir cette le formulaire de la page de test par exemple, le lancement de FireBug et exécuter dans la console:

    var container = dojo.query('div')[13];
console.log(container);
dojo.query('input', container).forEach(
  function(inputElem){
    console.log(inputElem);
    inputElem.disabled = 'disabled';
  }
)

    Notes:

    • Sur cette page de test des éléments de formulaire sont effectivement bibliothèque dijit forme de widgets, mais dans cet exemple je suis en les traitant comme s'ils étaient normaux balises input
    • La deuxième dojo.requête sélectionne tous les éléments d'entrée dans le container élément. Si le conteneur a quelques id unique, vous pouvez simplifier l'exemple en ayant seulement un dojo.requête: dojo.query('#containerId input').forEach( ...
    • forEach parcourt tous trouvé les éléments d'entrée et applique la fonction donnée sur eux.

    Mise à jour: Il y a aussi un raccourci pour le réglage de la valeur d'un attribut à l'aide de NodeList's attr fonction au lieu de forEach. attr prend d'abord le nom de l'attribut et la valeur ou un objet avec des paires nom/valeur:

    var container = dojo.query('div')[13];
dojo.query('input', container).attr('disabled', 'disabled');

    OriginalL'auteur Maine

  2. 11

    C'est comment je le fais:

    dojo.query("input, button, textarea, select", container).attr("disabled", true);

    Ce one-liner désactive tous les éléments de formulaire dans le conteneur.

    OriginalL'auteur Eugene Lazutkin

  3. 6

    Autre chose à garder à l'esprit est la différence entre Une bibliothèque dijit et un DomNode. Si vous souhaitez que tous les bibliothèque dijit est au sein d'un DomNode, vous pouvez les convertir à partir des Nœuds -> bibliothèque dijit refs avec la requête, pas de problème:

    //find all widget-dom-nodes in a div, convert them to dijit reference:
var widgets = dojo.query("[widgetId]", someDiv).map(dijit.byNode);
//now iterate over that array making each disabled in dijit-land:
dojo.forEach(widgets, function(w){ w.attr("disabled", "disabled"); }

    En réalité, tout dépend si vos entrées sont régulièrement Dom balises input ou ont été convertis dans la riche bibliothèque dijit modèles (qui tous ont une entrée régulière au sein de eux, tout contrôlé par le widget de référence à la place)

    OriginalL'auteur dante

  4. 1

    Je voudrais faire comme ceci:

    var widgets;

require(["dijit/registry", "dojo/dom"], function(registry, dom){
    widgets = registry.findWidgets(dom.byId(domId));
});

require(["dojo/_base/array"], function(array){
    array.forEach(widgets, function(widget, index) {
        widget.set("disabled", true);
    });
});

    Méthode findWidgets est essentiel pour obtenir tous les widgets en dessous d'un certain DOM.

    OriginalL'auteur Brady Zhu