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

@ -1,10 +1,12 @@
var myCompareTable;
//var myCompareTable;
//var search;
YAHOO.util.Event.addListener(window, "load", function() {
YAHOO.example.XHR_JSON = new function() {
var Dom = YAHOO.util.Dom;
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) {
@ -19,7 +21,7 @@ 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},
@ -33,26 +35,27 @@ YAHOO.util.Event.addListener(window, "load", function() {
}
}
var myDataSource = new YAHOO.util.DataSource("?");
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
myDataSource.connXhrMode = "queueRequests";
myDataSource.responseSchema = {
this.myDataSource = new YAHOO.util.DataSource("?");
this.myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
this.myDataSource.connXhrMode = "queueRequests";
this.myDataSource.responseSchema = {
resultsList: "ResultSet.Result",
fields: ["title","views","clicks","compares","assetId","checked"]
fields: ["title","views","clicks","compares","checkBox","checked","url"]
};
var myDataTable = new YAHOO.widget.DataTable("compareForm", myColumnDefs,
myDataSource, {initialRequest:uri});
this.myDataSource, {initialRequest:uri});
myDataSource.doBeforeParseData = function (oRequest, oFullResponse) {
this.myDataSource.doBeforeParseData = function (oRequest, oFullResponse) {
myDataTable.getRecordSet().reset();
return oFullResponse;
}
var myDataSource = this.myDataSource;
var oColumn = myDataTable.getColumn(3);
myDataTable.hideColumn(oColumn);
//var oColumn = myDataTable.getColumn(3);
//myDataTable.hideColumn(oColumn);
var myCallback = function() {
@ -66,29 +69,27 @@ YAHOO.util.Event.addListener(window, "load", function() {
failure : myCallback,
scope : myDataTable
};
var attributeSelects = YAHOO.util.Dom.getElementsByClassName('attributeSelect','select');
var reloadCompareForm = function() {
myDataTable.getRecordSet().reset();
myDataTable.initializeTable;
var attributeSelects = YAHOO.util.Dom.getElementsByClassName('attributeSelect','select');
var newUri = "func=getCompareFormData;search=1";
for (var i = attributeSelects.length; i--; ) {
newUri = newUri + ';search_' + attributeSelects[i].id + '=' + attributeSelects[i].value;
}
var elements = myDataTable.getRecordSet().getRecords();
alert(elements.length);
// hide non-selected attributes
for(i=0; i<elements.length; i++){
myDataTable.getRecordSet().deleteRecords(0,elements.length);
alert("deleting record " + i);
elRow = myDataTable.getTrEl(elements[i]);
Dom.setStyle(elRow, "display", "none");
}
myDataTable.getRecordSet().deleteRecord(0,elements.length);
myDataSource.sendRequest(newUri,callback2);
myDataTable.getRecordSet().reset();
myDataTable.initializeTable;
}
var newUri = "func=getCompareFormData;search=1";
for (var i = attributeSelects.length; i--; ) {
newUri = newUri + ';search_' + attributeSelects[i].id + '=' + attributeSelects[i].value;
attributeSelects[i].onchange = reloadCompareForm;
var attributeSelects = YAHOO.util.Dom.getElementsByClassName('attributeSelect','select');
for (var i = attributeSelects.length; i--; ) {
attributeSelects[i].onchange = reloadCompareForm;
}
};