相同小部件的Dojo實例沒有分解

我已經構建了一個通過輸入值創建列表的Dojo小部件。小部件代碼是： define(["dojo/_base/declare", "dijit/_WidgetBase", "dijit/_TemplatedMixin", 'dojo/text!apps/orders/templates/multiAddList.html', "dojo/dom", "dojo/on", "dojo/dom-construct", "dojo/dom-class", "dojo/query", "dijit/focus"],相同小部件的Dojo實例沒有分解

 function (declare, WidgetBase, TemplatedMixin, html, dom, on, domConstruct, domClass, query, focusUtil) { 

    return declare([WidgetBase, TemplatedMixin], { 

     templateString: html, 

     postCreate: function() { 
      this.inherited(arguments); 
      var that = this; 
     }, 

     _checkIfEnter: function (e) { 
      if (e.which == 13) { 
       this._addUser(); 
      } 
     }, 

     _addUser: function() { 
      domClass.remove(this.ulAdded, "hidden"); 
      var textToAdd = this.userTextToAdd.value; 
      var li = domConstruct.create("li", {}, this.ulAdded); 
      domConstruct.create("span", {innerHTML: textToAdd}, li); 
      var spanX = domConstruct.create("span", {class: 'icon-x right'}, li); 
      this.itemsArray.push(textToAdd); 
      this.userTextToAdd.value = ""; 
      focusUtil.focus(this.userTextToAdd); 
      var that = this; 
      on(spanX, "click", function() { 
       domConstruct.destroy(li); 
       that.itemsArray.splice(that.itemsArray.indexOf(textToAdd), 1); 
       if (that.itemsArray.length == 0) { 
        domClass.add(that.ulAdded, "hidden"); 
       } 
      }); 
     }, 

     itemsArray: [] 

    }); 
});

這一切都OK。但是 - 當我實例兩次在同一個對話是這樣的：

allowedDomains = new MultiAddList(); 
allowedDomains.placeAt(dom.byId('allowedDomains'), 0); 
pdlEmails = new MultiAddList(); 
pdlEmails.placeAt(dom.byId('pdlEmails'), 0);

，然後要求allowedDomains.itemsArray（）或pdlEmails.itemsArray（） - 我得到相同的列表（如果是同一個實例） - 儘管在用戶界面演示文稿中 - 他分別正確地添加了列表項。

顯然，儘管我遵循了Dojo的示例，但我做錯了什麼。

有沒有人知道我應該怎麼做才能使它工作？

感謝

來源

2013-05-19 Assaf

當您使用聲明，對象和數組成員都是靜態的，這意味着它們跨實例共享的Dojo類，所以我建議做itemsArray: null，然後在constructor或postCreatethis.itemsArray = []地方。

其他一切看起來不錯，雖然我也會偏好使用hitch，但您的解決方案非常好。

來源

2013-05-20 10:06:57

有關此行爲的相關dojo文檔可以在http://dojotoolkit.org/reference-guide/1.9/dojo/_base/declare.html#id6標題下找到，數組和對象作爲成員變量' – BuffaloBuffalo

謝謝！ =）總是有用的東西回來鏈接，對不起，我原本太懶了。 –

太棒了！謝謝！ – Assaf

對不起，我只是給你一個提示，但你可能想看看dojo.hicth（） - 函數，作爲替代「這個，那個」敷設渠道

on(spanX, "click", dojo.hitch(this, function() { 
      domConstruct.destroy(li); 
      this.itemsArray.splice(this.itemsArray.indexOf(textToAdd), 1); 
      if (this.itemsArray.length == 0) { 
       domClass.add(this.ulAdded, "hidden"); 
      } 
     }));

在構造是一個很好的構造，但只是測試這種構造可能會告訴你這是否是問題。

_addUser: function() { 
    ..... 
    ..... 
    dojo.connect(spanX, "click", this, this.spanClicked); 
    or 
    dojo.connect(spanX, "click", dojo.hitch(this, this.spanClicked); 
}, 
spanClicked: function(args) { 
    domConstruct.destroy(li); //need to keep some reference to li 
    this.itemsArray.splice(this.itemsArray.indexOf(textToAdd), 1); 
    if (that.itemsArray.length == 0) { 
     domClass.add(this.ulAdded, "hidden"); 
    } 
}

來源

2013-05-19 15:02:42

我知道什麼是dojo hitch。但是 - 我不確定它會解決這個問題 - 儘管這是一個更好的做法。你確定上下文困擾導致我的問題？ – Assaf

其實我是你需要搭配的功能。我會嘗試編輯我的回覆... –

相同小部件的Dojo實例沒有分解

回答

相關問題