YUI列選擇

Question

我遇到了使用YUI的DataTable列選擇功能的問題。我試過，

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

和

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

的問題是，我有一個初步的列中選擇程序。我可以突出顯示另一列，但它不會從最初選擇的列中刪除選擇。

Answer 1

我想我可以做到這一點，但它不優雅。一定有更好的方法。

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

Answer 2

你是對的 - 沒有快速清潔的解決方案。

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()更有效率，因爲你不會需要建立只選定列的中間陣列（查看源getSelectedColumns調用getColumnSet並像上面一樣走過數組）。