高分悬赏：在委托事件中怎么使用对象方法

Diack 2011-12-06 05:37:12



function Tab(name) {

    this.TdIndex = ""; //当前选中单元格

    this.TabName = name; //页面表格ID

    this.TabAdd = TabAdd;

    this.TabSelectTd = TabSelectTd;

}

function TabAdd() {

    var TabRow = document.createElement("tr");

    var TabTd = document.createElement("td");

    TabTd.id = this.TabDec + "Td";

    TabTd.innerHTML = this.TrRow.toString() + i.toString();

    TabTd.onclick = function () {

        //this.TabSelectTd(this.id);

        //Tab.TabSelectTd(this.id);

        //在页面上var GTab = new Tab("GTab");

        //这里怎么写才能调用GTab这个对象的TabSelectTd方法？

        //就是这方法所在对象的TabSelectTd方法

    };

    TabRow.appendChild(TabTd);

    $(TabRow).appendTo("#" + this.TabName);

}

function TabSelectTd(TdId) {

    $("#" + this.TdIndex).css("background-color", "#C5CCD3");

    $("#" + TdId).css("background-color", "#7A8FAA");

    this.TdIndex = TdId;

}

因为是做个公共表格操作JS
在一个页面可能有多个表格
一个表格对应一个ＪＳ表格对象

这个方法目的是点击表格的时候，将点击的单元格的ID保存到对应的表格对象的变量中，以便接下来取值用

例如在页面有
var ATab = new Tab("ATab");
var BTab = new Tab("BTab");

调用ATab对象的TabAdd方法时，绑定的TabTd.onclick 事件改变的是ATab对象中的TdIndex

调用BTab对象的TabAdd方法时，绑定的TabTd.onclick 事件改变的是BTab对象中的TdIndex

...全文