获取html表列的id

时间:2013-06-11 03:44:20

标签: jquery html asp.net redips.drag

如何获取特定行单元索引的列ID?

html表设计:My Table

当表的单元格内容被放入另一个单元格时,此代码处理和ajax请求:

redipsInit = function () {
// reference to the REDIPS.drag lib
var rd = REDIPS.drag;
// initialization
rd.init();
// dragged elements can be placed to the empty cells only
rd.dropMode = 'single';
// define dropped handler
//the parameter targetCell is the reference of the cell where the content has been         
//dropped
rd.event.dropped = function (targetCell) {

    var tbl = rd.findParent('TABLE', targetCell); //reference to my table

    //getting the tabindex attribute that in my case represent the row index
    var cardPosition = targetCell.attributes[0].value;

    // the cell content (the div tag with class = "drag t1") has an ID that reprensents
    // the content ID in my DB.
    var cardIdBeingDragged = targetCell.firstElementChild.id;

    var columnID = "";
    var parametros = {
        "Card_Position": cardPosition,
        "Card_ID": cardIdBeingDragged,
        "Column_ID" : ??? // still dont know how to get it.
    };
    $.ajax({
        type: 'POST',
        url: "../../Contenido/Board.aspx/SaveCardPosition",
        data: JSON.stringify(parametros),
        contentType: "application/json; charset=utf-8",
        dataType: "json"
    });   
};
};

好的,我会制作一个场景来理解我想要的东西。

当一个单元格内容从一个单元格删除到另一个单元格时,我能够处理它上面的javascript代码。
下一步是将3个值参数发送到我的webMethod(SaveCardPosition)后面的代码(ASP.Net)

我能得到:
CardId(Cell ContentId)
targetCell所属的Rowindex(Card_Position)

但我不知道如何获取此targetCell所属的列id。

我怎样才能做到这一点?

2 个答案:

答案 0 :(得分:0)

当一个给定的参数匹配你想要的单元格的值或任何其他属性时,我会循环遍历该行并返回索引,然后你就知道它是什么列,因此它是列id。

答案 1 :(得分:0)

您可以在单元格中添加数据属性,指定列...