Différence entre dojoAttachpoint et id

<div dojoType="dojo.Dialog" id="alarmCatDialog" bgColor="#FFFFFF" bgOpacity="0.4" toggle="standard">
<div class='dijitInline'>
       <input type='input' class='dateWidgetInput' dojoAttachPoint='numberOfDateNode' selected="true">
</div>

comment faire pour afficher cette boîte de dialogue, j'ai essayé dijit.byId('alarmCatDialog').show();

Le code ci-dessus est un modèle et j'ai appelé dijit.byId('alarmCatDialog').show() de la .fichier js .

dojo.attr(this.numberOfDateNode) ce code fonctionne et j'ai les données .mais si je change dojoattachpoint id puis-je l'essayer dijit.byId('numberOfDateNode') ne fonctionnera pas;

double possible de quelle est la différence entre dojoAttachpoint et id .

OriginalL'auteur eagerToLearn | 2012-06-15

  1. 9

    Votre numberOfDateNode est un simple nœud DOM, pas un widget/bibliothèque dijit, c'est à dire objet javascript extension dijit/_Widget, qui est la raison pour laquelle vous ne pouvez pas obtenir une référence à celui-ci via dijit.byId("numberOfDateNode"). Utilisation dojo.byId("numberOfDateNode") à la place, et vous êtes tous ensemble.

    dojoAttachPoint ou de ses HTML5 valide la version data-dojo-attach-point est utilisé à l'intérieur d'un bibliothèque dijit modèle à joindre une référence à des nœuds du DOM ou de l'enfant bibliothèque dijit à la bibliothèque dijit objet javascript, qui est la raison dijit.byId('alarmCatDialog').numberOfDateNode a une référence à votre <input type='input' class='dateWidgetInput' .../>.

    La principale raison de l'utilisation data-dojo-attach-point est que:

    • vous pouvez créer plusieurs instances de bibliothèque dijit et, par conséquent, votre modèle ne peut pas identifier les nœuds/dijits par des Id que vous aurez de multiples nœuds/dijits avec le même ID
    • c'est une élégante façon déclarative, de sorte que votre code ne sera pas plein de dijit.byId/dojo.byId.

    OriginalL'auteur phusick

  2. 0

    Il est important de garder une trace de ce est le contenu et qui est le modèle de la bibliothèque dijit.La boîte de dialogue. Une fois que vous définissez le contenu d'une boîte de dialogue, son marquage est analysée - mais pas d'une manière telle que la TemplatedMixin est appliquée au contenu de balisage-déclaré-widgets.

    Pour réussir à mettre en œuvre un modèle, vous avez besoin de quelque chose de similaire au code suivant, notez que j'ai commenté où attachPoints coups de pied dans.

    Cette SitePen blog rend agréable info sur le sujet

    define(
 [
   "dojo/declare",
    "dojo/_base/lang",
    "dijit/_Templated",
   "dijit/_Widget",
   "dijit/Dialog"
 ], function(
   declare,
    lang,
    _Templated,
    _Widget,
   Dialog
 ) {
  return declare("my.Dialog", [Dialog, _Templated], {
      //set any widget (Dialog construct) default parameters here
       toggle: 'standard',
        //render the dijit over a specific template
        //you should be aware, that once this templateString is overloaded,
        //then the one within Dialog is not rendered
      templateString: '<div bgColor="#FFFFFF" bgOpacity="0.4">' +//our domNode reference
                '<div class="dijitInline">' +
                    //setting a dojoAttachPoint makes it referencable from within widget by this attribute's value
                '  <input type="input" class="dateWidgetInput" dojoAttachPoint="numberOfDateNode" selected="true">' +
                '</div>' +
                '</div>',

        constructor: function(args, srcNodeRef) {
            args = args || {} //assert, we must mixin minimum an empty object
            lang.mixin(this, args);
        },
        postCreate: function() {

                    //with most overrides, preferred way is to call super functionality first
                    this.inherited(arguments);

            //here we can manipulate the contents of our widget, 
            //template parser _has run from this point forward
            var input = this.numberOfDateNode;
            //say we want to perform something on the numberOfDateNode, do so

        },
        //say we want to use dojo.Stateful pattern such that a call like
        //  myDialogInstance.set("dateValue", 1234)
        //will automatically set the input.value, do as follows
        _setDateValueAttr: function(val) {
            //NB: USING dojoAttachPoint REFERENCE
            this.numberOfDateNode.value = val;
        },
        //and in turn we must set up the getter
        _getDateValueAttr: function() {
            //NB: USING dojoAttachPoint REFERENCE
            return this.numberOfDateNode.value;
        }

  });

});

    OriginalL'auteur mschr