Adding more features to Matrix v2

This commit is contained in:
Yung Han Khoe 2008-11-18 18:11:16 +00:00
parent 7f3193f08e
commit 5169cb5e11
5 changed files with 157 additions and 80 deletions

View file

@ -3,7 +3,7 @@ var myCompareTable;
YAHOO.util.Event.addListener(window, "load", function() {
YAHOO.example.XHR_JSON = new function() {
this.formatUrl = function(elCell, oRecord, oColumn, sData) {
elCell.innerHTML = "<a href='" + oRecord.getData("ClickUrl") + "' target='_blank'>" + sData + "</a>";
elCell.innerHTML = "<a href='" + oRecord.getData("url") + "' target='_blank'>" + sData + "</a>";
};
this.formatCheckBox = function(elCell, oRecord, oColumn, sData) {
@ -16,11 +16,12 @@ YAHOO.util.Event.addListener(window, "load", function() {
};
var myColumnDefs = [
{key:"assetId",label:"",sortable:false,formatter:this.formatCheckBox},
{key:"checkBox",label:"",sortable:false},//,formatter:this.formatCheckBox
{key:"title", label:"Name", sortable:true, formatter:this.formatUrl},
{key:"views", sortable:true},
{key:"clicks", sortable:true},
{key:"compares", sortable:true}
{key:"views", sortable:true, sortOptions:{defaultDir:YAHOO.widget.DataTable.CLASS_DESC}},
{key:"clicks", sortable:true, sortOptions:{defaultDir:YAHOO.widget.DataTable.CLASS_DESC}},
{key:"compares", sortable:true, sortOptions:{defaultDir:YAHOO.widget.DataTable.CLASS_DESC}},
{key:"lastUpdated", sortable:true, sortOptions:{defaultDir:YAHOO.widget.DataTable.CLASS_DESC}}
];
var uri = "func=getCompareFormData";
@ -35,31 +36,65 @@ YAHOO.util.Event.addListener(window, "load", function() {
this.myDataSource.connXhrMode = "queueRequests";
this.myDataSource.responseSchema = {
resultsList: "ResultSet.Result",
fields: ["title","views","clicks","compares","assetId","checked"]
fields: ["title","views","clicks","compares","checkBox","checked","lastUpdated","url"]
};
this.myDataTable = new YAHOO.widget.DataTable("compareForm", myColumnDefs,
this.myDataSource, {initialRequest:uri});
var oColumn = this.myDataTable.getColumn(3);
this.myDataTable.hideColumn(oColumn);
//var oColumn = this.myDataTable.getColumn(3);
this.myDataTable.hideColumn(this.myDataTable.getColumn(2));
this.myDataTable.hideColumn(this.myDataTable.getColumn(3));
this.myDataTable.hideColumn(this.myDataTable.getColumn(4));
this.myDataTable.hideColumn(this.myDataTable.getColumn(5));
var btnAddRows = new YAHOO.widget.Button("hidecolumn");
btnAddRows.on("click", function(e) {
//var oColumn = this.myDataTable.getColumn(3);
this.myDataTable.sortColumn(oColumn);
var btnSortByViews = new YAHOO.widget.Button("sortByViews");
btnSortByViews.on("click", function(e) {
this.myDataTable.sortColumn(this.myDataTable.getColumn(2));
},this,true);
var btnSortByClicks = new YAHOO.widget.Button("sortByClicks");
btnSortByClicks.on("click", function(e) {
this.myDataTable.sortColumn(this.myDataTable.getColumn(3));
},this,true);
var btnSortByCompares = new YAHOO.widget.Button("sortByCompares");
btnSortByCompares.on("click", function(e) {
this.myDataTable.sortColumn(this.myDataTable.getColumn(4));
},this,true);
var btnSortByUpdated = new YAHOO.widget.Button("sortByUpdated");
btnSortByUpdated.on("click", function(e) {
this.myDataTable.sortColumn(this.myDataTable.getColumn(5));
},this,true);
var myCallback = function() {
this.set("sortedBy", null);
this.onDataReturnAppendRows.apply(this,arguments);
};
//var compareCheckBoxes = YAHOO.util.Dom.getElementsByClassName('compareCheckBox');
//for (var i = compareCheckBoxes.length; i--; ) {
// alert('bla');
// compareCheckBoxes[i].onchange = compareFormButton;
//}
};
});
function compareFormButton () {
var compareCheckBoxes = YAHOO.util.Dom.getElementsByClassName('compareCheckBox','input');
//alert(compareCheckBoxes.length);
var checked = 0;
for (var i = compareCheckBoxes.length; i--; ) {
if(compareCheckBoxes[i].checked){
checked++;
}
}
//alert(checked);
}
//function sort() {
// myCompareTable.sortColumn()