Question

我在Sencha Touch 2.4工作，我想在特定的视图卡上执行计算。但是，是否可以在视图外部定义计算函数（可能在模型或控制器中），以便在加载视图时，它只调用函数。

我目前正在onActivate事件中调用myCalc函数，结果当前正由console.log()在控制台上显示。

我的第一个问题是，是否可以在视图外部定义我的计算函数（在计算中使用了几种方法），以便优化性能并使用方法的参数调用视图以通过参数方法计算？

function myCalc(method) {}

我的第二个问题是，如何在视图上显示我的计算结果，我设置了一个名为myID的ID如何通过id的帮助显示结果？

我的代码：

xtype: 'mycard',
config: {
        listeners: {
            activate: 'onActivate'
        },
        id: 'myID',
        styleHtmlContent: true
        ],
    }
 onActivate: function(me, container) {
 var results = new myCalc('METHOD1');
 console.log(results);
function myCalc(method) {...}
}

EDIT1： 我在计算中使用GPS坐标。我想将它们或结果设置到我的屏幕上。我如何setHtml或获取locationupdate之外的坐标？

onActivate: function(me, container) {
    var geo = Ext.create('Ext.util.Geolocation', {
     autoUpdate: false,
     listeners: {
      locationupdate: function(geo) {
         var currentLat = geo.getLatitude();
         var currentLng =  geo.getLongitude();
         var PT = new Ext.util.Calc.myCal('METHOD1');
         var c = PT.setC([currentLat, currentLng]);
         //this.setHtml(c); // not working
         console.log(c);
      }
      }
    });
    geo.updateLocation();
}

Answer 1

有多种选择：

如果有一个模型实例，一张记录，在卡片后面的某个地方，那么最简单，最有效和最优雅的是在模型级别将计算实现为calculated field。记录字段通常很容易在视图中显示。
您可以将该功能实现为命名空间的方法，以便您可以从任何地方调用它：MyApp.myCalc(arguments)。查看，卡，将听取激活事件，调用方法并显示结果。

Answer 2

您可以使用Ext.define在其自己的类中定义您的函数，然后在整个应用程序中使用它，如下所示：

Ext.define("Calculator", {
   addition: function(num1, num2) {
       return num1 + num2;
   },
   subtract: function(num1, num2) {
       return num1 - num2;
   }
   ...
});

您可以在自己的文件中创建它，例如App.util.Calculator。您也可以将它用作mixin（guide here），以便您可以将此功能添加到任何其他类。

要更新卡片的结果，请使用以下内容：

items: [{
    title: 'Home',
    iconCls: 'home',
    html: 'Home Screen',
    listeners: {
        activate: function() {
            var calc = new Calculator();
            this.setHtml('2 + 3 = ' + calc.addition(2,3));
        }
    }
}]

编辑：这超出了您发布的代码范围，尝试类似这样的内容。

onActivate: function(me, container) {
    var that = this;
    var geo = Ext.create('Ext.util.Geolocation', {
     autoUpdate: false,
     listeners: {
      locationupdate: function(geo) {
         var currentLat = geo.getLatitude();
         var currentLng =  geo.getLongitude();
         var PT = new Ext.util.Calc.myCal('METHOD1');
         var c = PT.setC([currentLat, currentLng]);
         that.setHtml(c); // not working
         console.log(c);
      }
      }
    });
    geo.updateLocation();
}

自定义计算功能Sencha Touch

2 个答案: