2

我正在为我所在城市的宠物寄养业务建立一个在线预订系统，但对于如何有效地执行这一特定功能，我遇到了困难。

用户流程的快速要点...

  1. 给出了一些初步信息（客户信息、宠物信息等）。
  2. 用户选择2个日期；入住和退房日。
  3. 该程序计算客户停留的天数，并将每一天投入到类“Day”的构造函数中。每天都会生成一个 ... 块并显示给用户。还可能值得注意的是，所有 Day 对象都存储在一个数组中，然后包含在 mama 类“ReservationData”中......除了 Day 数组还包含一些与预订本身有关的元数据。

无论如何，我的问题是，一旦“dayBlocks”被列出并显示给用户，用户就必须能够在特定的日子检查他们想要的宠物的个别“额外”。

所以我将其分解为 {ReservationData} <--（有一个数组）-- {Days} <--（有一个数组）-- {Extras}。有 14 种额外的服务可供选择，因此显示的每一天都有一个简单的复选框和标签列表。

理想情况下，我希望它进行设置，以便当用户选中复选框时，它会直接并立即相应地更改其在 reservationDataDaysExtraDeepArray 中的相应变量。我的 C 程序员想为每个复选框绑定一个指针，但我（至少我认为）很确定这不适用于 jQuery。

虽然我认为我解释得很清楚，但这里有一些代码：

//Day Object/Class
function day(_date, _daynum) {
    this.date = new Date(_date);
    this.dayNum = _daynum;
    this.dayExtras = {
        'YH': false,  //<--- How can I directly manipulate
        'PP': false,  //<--- all of these guys via user-control
        'EE': false,  //<--- of corresponding/assigned 
        'ST': false,  //<--- checkboxes?
        'PT': false,
        'TT15': false,
        'TT30': false,
        'TT45': false,
        'DC': false   //--- Or can I? :/        
    };

    console.log("Day object created with date of " + day.date + " and day-number of " + day.dayNum + ".");

    this.getDayNum = function() { return this.dayNum; }
    this.getDayDate = function() { return this.date; }
}

这是我在这个网站上的第一个问题，但我做了很多搜索，但仍然迷路......谢谢大家！

4

2 回答 2

0

得到它的工作，感谢您为我指出正确的方向！

function saveExtra(me) {
    var extraName = me.attr('name');
    var extraVal = me.val();
    (reservationData[extraName]).dayExtras[extraVal] = me.prop('checked');
    for (key in reservationData) {
        (reservationData[key]).dump(); //Day data-dump method.
    }
}

this.generateExtrasGrid = function() {
    var fieldName = "day" + this.dayNum + "";
    var exGrid = "";
    exGrid += "<form class='extrasGrid' id='" + this.dayNum + "'>";
    exGrid += "<input type='checkbox' class='extra' name='" + fieldName + "' value='YH' onclick='saveExtra($(this))' />";............
    exGrid += "</form>";
    return exGrid;
}​
于 2012-12-24T04:40:15.890 回答
0

Assuming the name of your checkboxes correspond to the keys in your dayExtras object something like this would do..

//Day Object/Class
function day(_date, _daynum) {
    this.date = new Date(_date);
    this.dayNum = _daynum;
    this.dayExtras = {
        'YH': false,  //<--- How can I directly manipulate
        'PP': false,  //<--- all of these guys via user-control
        'EE': false,  //<--- of corresponding/assigned 
        'ST': false,  //<--- checkboxes?
        'PT': false,
        'TT15': false,
        'TT30': false,
        'TT45': false,
        'DC': false   //--- Or can I? :/        
    };

    console.log("Day object created with date of " + day.date + " and day-number of "+day.dayNum+".");

    this.getDayNum = function() { return this.dayNum; }
    this.getDayDate = function() { return this.date; }
    this.setDayExtras = function (key,val) {
      if(key in this.dayExtras){
        this.dayExtras[key] = val;
      }
    }
}

var myDay = new day(null,null);

$(document).on('change','#myForm input[type="checkbox"]', function () {
  myDay.setDayExtras(this.name,this.checked);
});
于 2012-12-24T04:07:11.640 回答