Question

如何获取特定行单元索引的列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。

我怎样才能做到这一点？

Answer 1

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

Answer 2

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

获取html表列的id

2 个答案: