YUI 列选择

Question

我在使用 YUI 的数据表列选择功能时遇到问题。我已经尝试过，

myEndColDataTable.subscribe("theadCellClickEvent", myEndColDataTable.onEventSelectColumn);

和

myEndColDataTable.subscribe("cellClickEvent", function (oArgs) { this.selectColumn(this.getColumn(oArgs.target));
});

问题是，我以编程方式选择了一个初始列。我可以突出显示另一列，但它不会从最初选择的列中删除选择。

Answer 1

你是对的——没有快速干净的解决方案。

YUI DataTable 目前（从 2.8 开始）缺少一个 unselectAllColmns 方法来匹配 unselectAllRows（由 onEventSelectRow 调用）。

还值得注意的是，onEventSelectColumn 选择列标题，因此 unselectAllCells 将不起作用。

您可以像这样实现自己的 unselectAllColumns() 函数：

function unselectAllColumns (dataTable) {
        var i, oColumn, oColumnSet = dataTable.getColumnSet();
        for (i=0; i<oColumnSet.keys.length; i++) {
                oColumn = oColumnSet.keys[i];
                if (oColumn.selected) {
                        dataTable.unselectColumn(oColumn);
                }
        }
}

这比使用 getSelectedColumns() 的效率稍高，因为您不需要构建仅包含选定内容的中间数组columns（查看源代码 getSelectedColumns 调用 getColumnSet 并像上面一样遍历数组）。

Answer 2

我想我可以做到这一点，但它并不优雅。必须有更好的方法。

myEndColDataTable.subscribe("cellClickEvent", function (oArgs) {
    var colUnSelect = myEndColDataTable.getSelectedColumns();
    myEndColDataTable.unselectColumn(colUnSelect[0]);
    myEndColDataTable.selectColumn(myEndColDataTable.getColumn(oArgs.target));  
});