Javascript选项卡显示具有相同核心变量类型的两组不同信息

Question

基本上，我有两个标签，里面有普通的和特别的电子邮件。为了获取电子邮件，您必须单击日历日期，然后AJAX将查询数据库中的常规电子邮件和特殊电子邮件。有一个“下一步”和“前一个”按钮来浏览所选日期的结果。我遇到的问题是，由于每个选项卡都跟踪一组单独的电子邮件、电子邮件计数、查看n个电子邮件和当前的电子邮件。

我的想法是，我可以对每个公共变量使用setter和getter。基本上，如果我在第一个选项卡中调用getEmailCount()，我将通过检查哪个选项卡当前处于活动状态来获取常规电子邮件的电子邮件计数。我问这个问题的唯一原因是因为我认为没有检查哪个选项卡在每个函数中是活动的是最好的方法。我在谷歌上搜索了一下，但真的不知道我应该搜索什么。

编辑:只有当用户选择日历上的新日期时，AJAX请求才会被调用。如果有结果，电子邮件将存储在单独的数组中。如果没有结果，什么都不会发生。至于标签的行为，很简单。标签的唯一责任是在HTML表格中显示电子邮件信息。下一个按钮和前面的按钮用于浏览电子邮件。

有什么想法吗？

Answer 1

我将把它设计为一个结果对象，其中包含两个单独的集合。应用程序对象中的引用将引用活动集合，所有操作(除非指定)都将对活动集合进行操作。

一些示例代码：

AJAX返回JSONP数据：

yourappobject.loadResults(
    {
        regular: [{subject: "Subject", from: "From"...},{..}...],
        special: [{subject: "Subject", from: "From"...},{...}...]
    }
);

​

​

function yourappobject() {
    var _results = {regular: [], special: []};
    var _active = _results["regular"];
    var _tab = "regular";

this.loadResults = function(data) {
    _results = data;
};

// pass "regular" or "special"
this.setActive = function(tab) {
    _active = results[tab];
    _tab = tab;
};

this.getEmailCount = function(collection) {
    var collection = collection || _active;
    return collection.length;
};


};