Question

我正在尝试对expand树的GridX函数使用around方面。

简化代码如下：

var myGrid = ...; // features a tree
var myConditional = ...; // some boolean


dojo.aspect.around(myGrid.tree, "expand", function(original) {
    return function(id, skip) {
        // TODO check the conditional and decide whether 
        // to return the deferred function as is, or 
        // return a function that does nothing but log into the console
        var deferred = original(id, skip);
        return deferred;
    };
});

不幸的是，调用dojo aspect 就像（即没有检查我的条件等）是有问题的。

单击expando后，控制台中会抛出错误：

Uncaught TypeError: t.isExpanded is not a function

...指向GridX树模块expand原始函数的主体：

var d = new Deferred(), t = this;
if(!t.isExpanded(id) && t.canExpand(id)){ // here

显然，我对周围工作方式的解释是错误的，t的范围变成Window对象而不是树本身。

我希望我可以使用快速修复/解决方法吗？

澄清我的实际目的

在某些情况下，网格底层商店查询的后端将在短时间内无法访问。事物的实现方式，在树的节点上扩展将查询后端。在非常短的窗口期间，虽然后端不可用（我可以从前端代码中轻松了解），但我想忽略expandos上的点击。

Answer 1

尝试将树实例绑定到您的函数。像这样：

var myGrid = ...; // features a tree
var myConditional = ...; // some boolean

const condExpand = function(id, skip) {
        var deferred = original(id, skip);
        return deferred;
    }.bind(myGrid )


dojo.aspect.around(myGrid.tree, "expand", function(original) {
    return condExpand
});

我不确定您的案例中特定情况会丢失的地方，但您可以使用它来使其适合您。

<强>更新

试图重现情况。以下是工作示例：

    const testObject = {    
      isNumeric: function(number) {
        return typeof number === "number"
      },
      testMethod: function() {
        console.log('testMethod', this)
        console.log("Is 5 a number: ", this.isNumeric(5))
      }
    }

    const aroundFunc = function(originalTestmethod){
        return function(method, args){
          // doing something before the original call
          console.log("Before", this)

          //Here context still corect. 
          //So bind it to passed here original method:

          var deferred = originalTestmethod.bind(this)(method, args)


          // doing something after the original call
          console.log("After")
          return deferred;

        }
      }

require(['dojo/aspect'], function(aspect) {
   aspect.around(testObject, "testMethod", aroundFunc)  
   testObject.testMethod()  

})

JS Fiddle

Answer 2

我找到了一个看似绝对野蛮的“解决方案”，但对我有用。

希望有人有更好的想法，可能使用dojo / aspect。

我已经将Tree.js模块的代码复制到我自己的实现中，只添加了我自己的条件：

myGrid.tree.expand = function(id, skipUpdateBody)  {
    var d = new dojo.Deferred(),
        t = this;
    // added my condition here
    if ((!t.isExpanded(id) && t.canExpand(id)) && (myCondition)) {
        // below code all original
        t._beginLoading(id);
        t.grid.view.logicExpand(id).then(function(){
            dojo.Deferred.when(t._updateBody(id, skipUpdateBody, true), function(){
                t._endLoading(id);
                d.callback();
                t.onExpand(id);
            });
        });
    }else{
        d.callback();
    }
    return d;
};

参考＆＃34;这个＆＃34;在GridX树周围使用dojo方面丢失

2 个答案: