Dojo Javascript 变量范围答案

【问题标题】：Dojo Javascript variable scopeDojo Javascript 变量范围
【发布时间】：2014-12-21 05:59:12
【问题描述】：

我正在使用dgrid，我正在尝试在外部设置数据存储。当页面加载时，我调用aliasTicket.load() 来创建网格。在网格加载时，datasource 为空。当执行查询时，setAliasSource(aliasData); 被设置。

没有错误，但网格仍然是空的。 aliasStore 正在使用数据进行更新，但即使在网格刷新后它也不会反映在网格上。查询后如何获取网格中反映的数据？

Javascript 对象

   var aliasTicket = (function (){

    var aliasData = [];

    require([ "dojo/store/Observable", "dojo/store/Memory"]);   
    var aliasStore = new dojo.store.Observable(new dojo.store.Memory({
        data: aliasData,
        idProperty: "id"
      }));  

    return{         

        load:function(){

            require([
                     ........

                   ], function(declare, Memory, OnDemandGrid, ColumnSet, Selection,
                     selector, Keyboard, DijitRegistry, editor, ColumnHider,
                     registry, Observable,lang) {

                aliasData = this.aliasData;

                var Store = this.aliasStore = new dojo.store.Observable(new dojo.store.Memory({
                    data: aliasData,
                    idProperty: "id"
                  }));

                console.log(Store);

                var CustomAliasNameGrid = declare([OnDemandGrid, selector, Selection, Keyboard, editor, DijitRegistry, ColumnHider]);

                  var aliasNameGrid = new CustomAliasNameGrid({
                    store: Store,
                    columns: {
                      id: {
                        label: "Id",
                        field: "id",
                        hidden: true,
                        autoSizeColumn: true
                      },

                      employeeTicketId: {
                        label: "Employee Ticket Id",
                        field: "employeeTicketId",
                        hidden: true,
                        autoSizeColumn: true
                      },

                      chkBox: selector({}),


                      aliasName: {
                        label: "Alias Names",
                        field: "aliasTicketName",
                        autoSizeColumn: true,
                        formatter: function(str) {
                          return str.replace(/\w\S*/g, function(txt) {
                            return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
                          });
                        }
                      }

                    },
                    selectionMode: "none",
                    loadingMessage: "Loading data...",
                    noDataMessage: "No results found....",
                    allowSelectAll: true
                  }, "aliasNameGrid");  



                aliasNameGrid.refresh()

            }); 

        },

        setAliasSource: function (data){
            console.log(data);
            this.aliasSource = data;            

        },

        setAliasData: function (data){
            this.aliasData = data;              
        },

        getAliasSource: function (){

            return this.aliasSource;
        }       

    };  

})();

设置数据存储数据

aliasData = [{.....},
             {.....},
             {......];          


            require(["dijit/dijit"]);
            aliasTicket.setAliasSource(aliasData);              
            dijit.byId('aliasNameGrid').refresh();

【问题讨论】：

标签： javascript json dojo scope dgrid

【解决方案1】：

您将“this.Store”设置为对象数组，而不是真正的“dojo store”对象。按照您的代码，我看不到您实际使用“this.Store”的位置。在网格代码中，我确实看到了一个名为“Store”的局部变量。

所以我不确定我是否在此处遵循您的代码示例，但是您应该“设置”网格的存储，然后刷新它。像这样。

 setAliasSource: function (data){
        console.log(data);
        this.Store = data;
        dijit.byId('aliasNameGrid').set("store",new dojo.store.Observable(new dojo.store.Memory({ data: data,idProperty: "id"}));
        dijit.byId('aliasNameGrid').refresh();

    },

【讨论】：

我在加载函数中声明了 store var Store = this.aliasStore = new dojo.store.Observable(new dojo.store.Memory({ data: aliasData, idProperty: "id" }));
我认为由于首先运行加载，因此需要再次运行才能反映数据，但是再次运行加载可能不是一个好主意，因为小部件已经注册
在调用 set('store', ...) 之后不需要再调用 refresh - 这已经为你刷新了。