BlogJava-Meta Model Enabling-随笔分类-Ajax

XPagination

frogfool — Sun, 10 Dec 2006 16:51:00 GMT

function XPagination() {
this.container = null;

this.width = '100%';
this.count = 0; // record total count
this.index = 1; // page index
this.size = 10; // record count per page
this.length = 0;// current page record count
this.onPaginationHandler = null;

this.first = null;
this.back = null;
this.next = null;
this.last = null;
this.info = null;

this.jump = null;
this.resize = null;
this.jumper = null;
this.resizer = null;
}
XPagination.prototype.init = function(context) {
this.context = context;
this.width = (this.context.width) ? this.context.width : '100%';
this.count = (this.context.count) ? this.context.count : 0;
this.index = (this.context.index) ? this.context.index : 1;
this.size = (this.context.size) ? this.context.size : 10;
this.length = (this.context.length) ? this.context.length : 0;
this.onPaginationHandler = (this.context.onPaginationHandler) ? this.context.onPaginationHandler : null;
};

XPagination.prototype.create = function(containerName, context) {
this.container = $(containerName);

this.init(context);

var s = new Array();
s[s.length] = '

';
s[s.length] = '';
s[s.length] = '';
s[s.length] = '';
s[s.length] = '';
s[s.length] = '

第loading...页 ';

s[s.length] = '(loading...行/页)';

s[s.length] = '(loading...)';
s[s.length] = '

';

this.container.innerHTML = s.join('');

this.first = this.container.all('first');
this.back = this.container.all('back');
this.next = this.container.all('next');
this.last = this.container.all('last');
this.jump = this.container.all('jump');
this.jumper = this.container.all('jumper');
this.resizer = this.container.all('resizer');
this.info = this.container.all('info');

this.set(context);
};

XPagination.prototype.set = function(context) {
var the = this;

this.width = (context.width) ? context.width : this.width;
this.count = (undefined != context.count) ? context.count : this.count;
this.index = (undefined != context.index) ? context.index : this.index;
this.size = (undefined != context.size) ? context.size : this.size;
this.length = (undefined != context.length) ? context.length : this.length;

this.context.count = this.count;

var pages = 0;
//alert(this.count);
if(this.count>0 && this.size!=0) {
var pages = Math.ceil(this.count / this.size);
}

//alert(this.resize.value);
if(this.count>0) {
  this.info.innerHTML = ' (共' + this.count + '行/共' + pages + '页)';
  if(pages>1) {
   var o = new Array();
   for(var i = 1; i<=pages; i++) {
    o[o.length] = '\n';;
   }
   //alert(o.join(''));
   this.jumper.innerHTML = '  ';

   this.jump = this.jumper.all('jump');
  } else {
   this.jumper.innerHTML = '1';
  }
} else {
  this.info.innerHTML = '';
  this.jumper.innerHTML = '' + this.index + '';
}



//(the.onRowClickHandler || Prototype.emptyFunction)({rowId:tInput.value, checked:tInput.checked});
if(context.onPaginationHandler) {
  this.onPaginationHandler = context.onPaginationHandler;
}

o = [];

/*
if(this.size>=this.count) {
  o[o.length] = '' + this.size + '';
} else {
}*/
  o[o.length] = '';

this.resizer.innerHTML = o.join('');

this.resize = this.container.all('resize');
if(this.resize) {
  this.resize.value = this.size;
}

if(1 != this.index) {
  this.enable(this.first);
  this.first.onclick = function() {
   (the.onPaginationHandler || Prototype.emptyFunction)({index:1, size:the.size, count:the.count, length:the.length});
  };
} else {
  this.disable(this.first);
}

if(this.index > 1) {
  this.enable(this.back);
  this.back.onclick = function() {
   (the.onPaginationHandler || Prototype.emptyFunction)({index:the.index - 1, size:the.size, count:the.count, length:the.length});
  };
} else {
  this.disable(this.back);
}

if((this.index < pages) || (this.count<=0 && this.length==this.size)) {
  this.enable(this.next);
  this.next.onclick = function() {
   (the.onPaginationHandler || Prototype.emptyFunction)({index:the.index + 1, size:the.size, count:the.count, length:the.length});
  };
} else {
  this.disable(this.next);
}

if((this.index < pages) || (this.count<=0 && this.length==this.size)) {
  this.enable(this.last);
  this.last.onclick = function() {
   (the.onPaginationHandler || Prototype.emptyFunction)({index:pages, size:the.size, count:the.count, length:the.length});
  };
} else {
  this.disable(this.last);
}

if(this.jump) {
  this.jump.onchange = function() {
   (the.onPaginationHandler || Prototype.emptyFunction)({index:the.jump.selectedIndex + 1, size:the.size, count:the.count, length:the.length});
  };
}

if(this.resize) {
  this.resize.onchange = function() {
   the.size = the.resize.value;
   (the.onPaginationHandler || Prototype.emptyFunction)({index:1, size:the.size, count:the.count, length:the.length});
  };
}
};

XPagination.prototype.disable = function(btn) {
btn.disabled = true;
btn.className = 'x_pagination_' + btn.id + '_disabled';
};

XPagination.prototype.enable = function(btn) {
btn.disabled = false;
btn.className = 'x_pagination_' + btn.id;
};

.x_pagination_bar {
height:20;
width:100%;
border:0px;
color:#330033;
font-size:12px;
font-family:Verdana, Simsun;
background-image:url(../image/xpagination/x_paginationbar_bg.gif);
}

.x_pagination_font {
color:#000000;
font-size:12px;
font-family:Verdana, Simsun;
}

.x_pagination_jump {
height:18px;
color:#330033;
font-size:9px;
border:1px #607BAC solid;
font-family:Verdana, Simsun;
}

.x_pagination_first       {background:url(../image/xpagination/x_icon_first.gif          ) no-repeat 0 0; }
.x_pagination_back        {background:url(../image/xpagination/x_icon_back.gif           ) no-repeat 0 0; }
.x_pagination_next        {background:url(../image/xpagination/x_icon_next.gif          ) no-repeat 0 0; }
.x_pagination_last        {background:url(../image/xpagination/x_icon_last.gif           ) no-repeat 0 0; }
.x_pagination_first_disabled {background:url(../image/xpagination/x_icon_first_disabled.gif ) no-repeat 0 0; }
.x_pagination_back_disabled {background:url(../image/xpagination/x_icon_back_disabled.gif ) no-repeat 0 0; }
.x_pagination_next_disabled {background:url(../image/xpagination/x_icon_next_disabled.gif ) no-repeat 0 0; }
.x_pagination_last_disabled {background:url(../image/xpagination/x_icon_last_disabled.gif ) no-repeat 0 0; }

.x_pagination_first          ,
.x_pagination_back           ,
.x_pagination_next           ,
.x_pagination_last           ,
.x_pagination_first_disabled ,
.x_pagination_back_disabled ,
.x_pagination_next_disabled ,
.x_pagination_last_disabled {
cursor:hand;
border:0px;
width:16px;
height:16px;
}

XPagination

XPagination

count
index
length
size

result

frogfool 2006-12-11 00:51 发表评论

XList

frogfool — Sun, 10 Dec 2006 16:49:00 GMT

function XList() {
this.container = null; //container div
this.table = null ; //contain headTable & bodyTable for table-layout:fixed;
this.tableContainer = null; //for scroll table

this.sequenced = true; // set sequence for rows or not
this.colored = true; // set color for rows or not

this.rowId = 'rowId';
this.rowType = 'checkbox';
//resize head column
this.resizer = null;
this.resizeable = true;
this.resizing = false; // doing resize or not
this.resizeClientX = 0;
this.resizeOffsetWidth = 0;
this.resizeHead = null;

this.columns = null;

this.rows = [];

this.orderByColumn = null;

this.headColumn = null; // exchange column order div
this.exchangeTag = null; // exchange tag div
this.exchangeCell = null; // current be change column cell

this.rowSequence = 0;
this.handler = null; //all handler
this.columnLength = 0;

this.onOrderByHandler = null;
this.onRowClickHandler = null;
this.onRowDblClickHandler = null;

var the = this;
}

XList.prototype.init = function(context) {
this.container = $(context.container);
this.sequenced = (context.sequenced!=undefined) ? context.sequenced : true;
this.colored = (context.colored!=undefined) ? context.colored : true;
this.rowId = (context.rowId) ? context.rowId : 'id';
this.rowType = (context.rowType) ? context.rowType : 'checkbox';

//this.columnExchangeable = (context.columnExchangeable!=undefined) ? context.columnExchangeable : true;
this.onOrderByHandler = (context.onOrderByHandler) ? context.onOrderByHandler : null;
this.onRowClickHandler = (context.onRowClickHandler) ? context.onRowClickHandler : null;
this.onRowDblClickHandler = (context.onRowDblClickHandler) ? context.onRowDblClickHandler : null;
context = null;
};

XList.prototype.create = function(context, columns) {
var the = this;

this.init(context);

//it must be 'table-layout:fixed;' for overflow auto;
var s = [];
s[s.length] = '\n

';
s[s.length] = '\n

';
s[s.length] = '\n';
s[s.length] = '\n

';
s[s.length] = '\n

this.container.innerHTML = s.join('');
s = null;

this.tableContainer = this.container.all('x_list_table_container');
this.table = this.container.all('x_list_table');
this.resizer = this.container.all('resizer');

this.resizer.onmouseup = function() {
  if(the.resizing && null!=the.resizeHead) {
   var newWidth = parseInt(the.resizeHead.offsetWidth) + (parseInt(event.clientX) - parseInt(the.resizeClientX));
   window.status = newWidth;
   if(newWidth < 5){
    newWidth = 5;
   }
   var head = the.resizeHead;
   the.setHeadWidth(head, newWidth);
   this.style.display = 'none';
   the.resizing = false;
   the.resizeHead = null;
   the.table.style.cursor = '';

  }
};

if(columns) {
  this.setColumns(columns);
}
};

XList.prototype.isRowHandle = function() {
return ('checkbox'==this.rowType) || ('radio'==this.rowType);
}

XList.prototype.setColumns = function(columns) {
var the = this;

this.columnLength = 0;

this.columns = columns;

var tBody, tRow, tHead;

tBody = this.table.tBodies[0];
tRow = document.createElement('tr');

tRow.className = 'x_list_head_row';
tBody.appendChild(tRow);

//
if(this.isRowHandle()) {
  tHead = document.createElement('th');
  tRow.appendChild(tHead);

  tHead.className = 'x_list_head_handle';
  if('checkbox' == this.rowType) {
   tHead.title = 'check/uncheck all';
  } else if('radio' == this.rowType) {
   tHead.title = 'uncheck all';
  }

  var tInput = document.createElement('input');
  tInput.id = this.rowId + '_all'
  tInput.name = tInput.id;
  tInput.type = this.rowType;

  // closure memory leak here !
  if('radio' == this.rowType) {
   tInput.onclick = function() {
    XCheck.uncheckAll(the.rowId);
    tInput.checked = false;
    the.color();
   }
  } else {
   tInput.onclick = function() {
    XCheck.checkAll(the.rowId);
    the.color();
   }
  }
  tHead.appendChild(tInput);
}

//sequence
if(this.sequenced) {
  tHead = document.createElement('th');
  tHead.className = 'x_list_head_handle';
  tHead.innerHTML = ' # ';
  tRow.appendChild(tHead);
}

//header columns
var width = '';
var name = '';
var title = '';
var text = '';
var column = null;

for(var i = 0; i < this.columns.length; i++) {
  column = this.columns[i];

  width = (column.width) ? (column.width) : '100';
  name = (column.name) ? (column.name) : '';

  text = column.text;

  title = (column.title) ? (column.title) : column.text;

  tHead = document.createElement('th');
  tHead.className = 'x_list_head_cell';
  tHead.id = name;
  tHead.name = name;
  tHead.orderBy = '';
  //tHead.innerHTML = '

' + text + "

";
  tHead.style.width = width;
  if(null!=name && ''!=name && this.onOrderByHandler) {
   tHead.style.textDecoration = 'underline';
  }
  //tHead.width = width;
  //tHead.innerHTML = '' + text + "";
  tHead.innerHTML = text;




  // tHead.style.cursor = 'hand';

  tHead.onclick = function() {
   var src = window.event.srcElement;//maybe in head
   window.status = parseInt(src.offsetWidth) - parseInt(event.offsetX);
   if(parseInt(src.offsetWidth) - parseInt(event.offsetX) <= 3) {

   } else {
    if(the.resizing && null!=the.resizeHead) {
    } else {
     if(the.onOrderByHandler && null!=name && ''!=name) {
      var orderBy = (this.orderBy == 'asc') ? 'desc' : 'asc';
      if(null!=the.orderByColumn) {
       if(the.orderByColumn != this) {
        the.orderByColumn.className = 'x_list_head_cell';
        the.orderByColumn = this;
       }
      } else {
       the.orderByColumn = this;
      }
      this.className = 'x_list_head_' + orderBy;
      this.orderBy = orderBy;
      (the.onOrderByHandler || Prototype.emptyFunction)({name:this.name, orderBy:orderBy});
     }
    }
   }
  };

  tHead.onmouseover = function() {
   var src = window.event.srcElement;
   src.style.backgroundColor = '#FFFFFF';//'#F4F7F9';
   src.style.color = '#0000FF';
   var src = window.event.srcElement;
  };

  tHead.onmouseout = function() {
   var src = window.event.srcElement;
   src.style.backgroundColor = '#E9F0F4';
   src.style.color = '07215F';
   src.style.borderColor = 'threedhighlight #688293 #688293 threedhighlight';
  };

  tHead.onmousedown = function() {
   var src = window.event.srcElement;
   if(parseInt(src.offsetWidth) - parseInt(event.offsetX) <= 3) {
    the.resizing = true;
    the.resizeClientX = event.clientX;

    var p = Position.page(src);
    the.resizeHead = src;
    the.resizer.style.height = the.tableContainer.offsetHeight;
    the.resizer.style.top = parseInt(p[1]) + 2;
    the.resizer.style.left = parseInt(p[0]) + parseInt(src.offsetWidth);
    the.resizer.style.display = 'block';
    the.resizeOffsetWidth = the.resizer.style.left;//head.offsetWidth;
   } else {
    src.style.backgroundColor = '#D4DBDF';
    src.style.borderColor = 'black #CCCCCC #CCCCCC black';
   }
  };

  tHead.onmouseup = function() {

   var src = window.event.srcElement;
   src.style.backgroundColor = '#FFFFFF';
   src.style.borderColor = 'threedhighlight #688293 #688293 threedhighlight';
  };

  tHead.onmousemove = function() {
   if(the.resizing && null!=the.resizeHead) {
    the.resizer.style.left = parseInt(the.resizeOffsetWidth) + (parseInt(event.clientX) - parseInt(the.resizeClientX));
    return;
   }

   var src = window.event.srcElement;
   if(parseInt(src.offsetWidth) - parseInt(event.offsetX) <= 3) {
    the.table.style.cursor = 'e-resize';
   } else {
    the.table.style.cursor = '';
   }
  };



  tRow.appendChild(tHead);

  this.columnLength++;
}
}

XList.prototype.setHeadWidth = function(head, newWidth) {
head.style.width = newWidth;
/*
if(this.table.rows.length > 0) {
  var tRow = null;
  var index = this.table.rows[0].indexOf(head);
  for(var i = 1; i < this.table.rows.length; i++) {
   tRow = this.table.rows[i];
   cells[index].style.width = newWidth;
  }
} */
}

var M_LIST_ROW_HIGHLIGHT = '#D8F3FF';
var M_LIST_ROW_LAST_HIGHLIGHT = '#FFFF00';
var M_LIST_ROW_COLOR = '';
var M_LIST_ROW_OVER = '#FFFFFF';

XList.prototype._i = function(rows) {
var i = 0;
if('empty'!=this.rowType) {
i++;
}
if(this.sequenced) {
i++;
}
return i;
}

XList.prototype.addRows = function(rows) {
var scrollBottom = ('undefined'==typeof(scrollBottom)?false:scrollBottom)
if(this.size()>0) {
  //scrollBottom = true;
}
for (var i = 0; i < rows.length; i++) {
  var result = this._addRow(rows[i], scrollBottom);
  if (result) { return result; }
}
}

XList.prototype.addRow = function(pRow) {
this._addRow(pRow, true);
}
XList.prototype._addRow = function(pRow, scrollBottom) {
var the = this;

var tBody, tRow, tCell, i, len;

/* Validate column count */
//if (aRowData.length != this._cols) { return 1; }
//var rowSequence = this.rowSequence++;
var seq = this.size() + 1;

/* Construct Body Row */

tBody = this.table.tBodies[0];
tRow = document.createElement('tr');
tRow.row = pRow;
tRow.row.checked = (tRow.row.checked==true);
pRow.colored = false;

if(this.colored) {
  if(!pRow.bgColor) {
   pRow.bgColor = (seq % 2 ==1 ) ? '#FFFFFF' : '#F4F9FB';
  } else {
   pRow.colored = true;
  }
} else {
  pRow.bgColor = '#FFFFFF';
}

if(pRow.checked) {

  tRow.style.backgroundColor = M_LIST_ROW_HIGHLIGHT;
} else {
  tRow.style.backgroundColor = pRow.bgColor;
}

var tInput = null;
//check
if('empty'!=this.rowType) {
  tCell = document.createElement('td');
  tCell.className = 'x_list_body_handle';

  tInput = document.createElement('input');
  tInput.type = this.rowType;
  tInput.id = this.rowId;
  tInput.name = this.rowId;
  tInput.value = pRow.id;

  tCell.appendChild(tInput);
  tRow.appendChild(tCell);
  //tInput.focus();

}
//sequenced
if(this.sequenced) {
  tCell = document.createElement('td');
  tCell.className = 'x_list_body_handle';
  tCell.appendChild(document.createTextNode(seq));
  tRow.appendChild(tCell);
}
var text = null;
if(pRow && pRow.data) {
  for (var i = 0; i < this.columnLength && i < pRow.data.length; i++) {
   tCell = document.createElement('td');
   tCell.className = 'x_list_body_cell';
   tCell.style.width = this.columns[i].width;
   //tCell.appendChild(document.createTextNode(row.data[i]));
   if(''!=pRow.data[i]) {
    text = pRow.data[i];
   } else {
    text = ' ';
   }
   tCell.innerHTML = '

' + text + '

';
   tCell.title = text;//.escapeHTML();
   tRow.appendChild(tCell);
  }
}
tBody.appendChild(tRow);

if(pRow.checked) {
  tInput.checked = true;
  tRow.row.checked = true;
}

//event bind

tRow.onclick = function() {
  if(tInput) {
   if('radio'==the.rowType) {
    XLister.uncheckAll(the.rowId);
   }

   // get column index, starting from zero.
   var src = event.srcElement;
   var colIndex = 0;

   if('td' == src.tagName.toLowerCase())
   {
    while(src.previousSibling)
    {
     if('td' == src.previousSibling.tagName.toLowerCase())
     {
      src = src.previousSibling;
      colIndex ++;
     }else
     {
      continue;
     }
    }
   }

   // return false means that the row checkBox does not need to change status.
   if(false != (the.onRowClickHandler || Prototype.emptyFunction)({rowId:tInput.value, checked:!tRow.row.checked, colIndex:colIndex, row:tRow}))
   {
    tRow.row.checked = !tRow.row.checked;
    tInput.checked = tRow.row.checked;
   }

   the.color();
   if(tInput.checked) {
    M_LIST_ROW_COLOR = M_LIST_ROW_HIGHLIGHT;
    tRow.style.backgroundColor = M_LIST_ROW_LAST_HIGHLIGHT;
   } else {
    M_LIST_ROW_COLOR = tRow.row.bgColor;
   }
  }
}

tRow.ondblclick = function() {
  if(the.onRowDblClickHandler) {
   (the.onRowDblClickHandler || Prototype.emptyFunction)({rowId:tInput.value, checked:!tRow.row.checked, row:tRow});
  }
}

//scroll down when add row
if(scrollBottom) {
  this.tableContainer.scrollTop = this.tableContainer.scrollTop + this.size() * 22;
}
};

XList.prototype.color = function() {
if(this.size()>0) {
  var bgColor = null;
  var rows = this.table.rows;
  var tRow = null;
  var row = null;
  var handler = null;
  for(var i = 1; i   tRow = rows[i];
   handler = tRow.all(this.rowId);
   if(handler) {
    row = tRow.row;
    row.checked = handler.checked;
    if(!row.colored) {
     row.bgColor = (i % 2 ==1 ) ? '#FFFFFF' : '#F4F9FB';
    }
    if(row.checked) {
     tRow.style.backgroundColor = M_LIST_ROW_HIGHLIGHT;
    } else {
     tRow.style.backgroundColor = row.bgColor;
    }
   }
  }
}
};
//remove selected rows
XList.prototype.remove = function() {
var indexs = new Array();
var tRow = null;
for(var i=this.table.rows.length-1; i>0; i--) {
  tRow = this.table.rows[i];
  rowId = tRow.all(this.rowId);
  if(true == rowId.checked) {
   indexs[indexs.length] = i;
   //alert(i);
  }
}
if(indexs.length>0) {
  for(var i=0; i   this.table.deleteRow(indexs[i]);
   this.length
  }
}
if(this.size()==0) {
  this.container.all(this.rowId + '_all').checked = false;
} else {
  this.refresh();
}
}

XList.prototype.value = function() {
var values = new Array();
if(this.size() > 1) {
  var rowIds = this.container.all(this.rowId);
  if(rowIds && rowIds.length) {
   for(var i=rowIds.length-1; i>=0; i--) {
    if(true == rowIds[i].checked) {
     values[values.length] = rowIds[i].value;
    }
   }
  }
} else if(this.size() == 1) {
  var rowIds = this.container.all(this.rowId);
  if(true == rowIds.checked) {
   values[values.length] = rowIds.value;
  }
}

return values;
}

// get the selected row indices.
XList.prototype.rowIndices = function() {
var rows = new Array();
if(this.size() > 1) {
  var rowIds = this.container.all(this.rowId);
  if(rowIds && rowIds.length) {
   for(var i=rowIds.length-1; i>=0; i--) {
    if(true == rowIds[i].checked) {
     rows[rows.length] = i;
    }
   }
  }
} else if(this.size() == 1) {
  var rowIds = this.container.all(this.rowId);
  if(true == rowIds.checked) {
   rows[rows.length] = 0;
  }
}

return rows;
}

XList.prototype.values = function() {
var values = new Array();
if(this.size()>1) {
  var rowIds = this.container.all(this.rowId);
  if(rowIds && rowIds.length) {
   for(var i=rowIds.length-1; i>=0; i--) {
    tRowId = rowIds[i];
    values[values.length] = tRowId.value;
   }
  }
} else if(this.size()==1) {
  var rowIds = this.container.all(this.rowId);
  values[values.length] = rowIds.value;
}
return values;
}

XList.prototype.refresh = function() {
if(this.sequenced) {
  var index = 0;
  if('empty'!=this.rowType) {
   index++;
  }

  if(this.table.rows.length > 0) {
   var tRow = null;
   for(var i=1; i    tRow = this.table.rows[i];
    cells = tRow.cells;
    cells[index].innerHTML = i;
   }
  }
}
this.color();
}

XList.prototype.clear = function() {
for(var i = this.size(); i > 0; i--){
this.table.deleteRow(i);
}
if(this.container.all(this.rowId + '_all')) {
this.container.all(this.rowId + '_all').checked = false;
}
}

XList.prototype.size = function() {
return this.table.rows.length - 1;
}
XList.prototype.orderBy = function() {
var name = '';
var orderBy = '';
if(null!=this.orderByColumn) {
name = this.orderByColumn.name;
orderBy = this.orderByColumn.orderBy;
}
return {name:name, orderBy:orderBy};
}

XList.prototype.cell = function(rowIndex, colIndex) {
if(rowIndex < this.size() && colIndex < this.columnLength) {
  var tRow = this.table.rows[rowIndex+1];
  var cells = tRow.cells;
  //alert('this._i() + colIndex'+ (this._i() + colIndex) );
  return cells[this._i() + colIndex];
}
return null;
}

XList.prototype.serialize = function() {
if('empty'!=this.rowType) {
  var value = this.value();
  var s = new Array();
  for(var i=0; i   s[s.length] = this.rowId + '=' + value[i];
  }
  return s.join('&');
}
return '';
}
XList.prototype.serializeAll = function() {
if('empty'!=this.rowType) {
  var value = this.values();
  var s = new Array();
  for(var i=0; i   s[s.length] = this.rowId + '=' + value[i];
  }
  return s.join('&');
}
return '';
}

XList.prototype.setOrderByContext = function(param) {
if(null!=param) {
  if(null!=param.orderByName) {
   var head = this.table.rows[0];
   var column = null;
   for(var i=0; i    column = head.cells[i];
    if(column.name==param.orderByName) {
     this.orderByColumn = column;
     this.orderByColumn.name = param.orderByName;
     this.orderByColumn.orderBy = param.orderByType;
//     column.childNodes[0].innerHTML = this.orderByColumnWithinInnerHTML + ' '
     break;
    }
   }
  }
}
};

XList.prototype.dispose = function() {
this.container = null; //container div
this.table = null ; //contain headTable & bodyTable for table-layout:fixed;
this.tableContainer = null;
this.sequenced = null;

this.colored = null
this.rowId = null
this.rowType = null
this.resizeable = null

this.columns = null;

while(this.rows.pop());
this.rows = null;

this.orderByColumn = null;
this.orderByColumnInnerHTML = null;

this.headColumn = null; // exchange column order div
this.exchangeTag = null; // exchange tag div
this.exchangeCell = null; // current be change column cell

this.rowSequence = 0;
this.handler = null; //all handler
this.columnLength = 0;

this.onRowClickHandler = null;
this.onOrderByHandler = null;
var the = null;
this.columnExchangeable = null;
this.onRowClickHandler = null;
this.onOrderByHandler = null;
this.onRowDblClickHandler = null;
this.table = null;
this.tableContainer = null;
}

.x_list_container {
width:100%;
height:100%;
overflow:auto;
}

.x_list_head_row {
height:22;
/*position:relative;
top:expression(this.offsetParent.scrollTop); */
}

.x_list_head_handle {
width:22;
height:22;
color:#3D4A69;
font-size:12;
font-weight:bold;
text-align:center;
background-color:#E9F0F4;
font-family:Verdana, Simsun;
border:1 solid;
border-color:threedhighlight #688293 #688293 threedhighlight;
}

.x_list_head_asc ,
.x_list_head_desc ,
.x_list_head_cell {
border:1 solid;
border-color:threedhighlight #688293 #688293 threedhighlight;
height:22;
color:#07215F;
font-size:12;
overflow:visible;
word-wrap:normal;
white-space:nowrap;
word-break:keep-all;
text-overflow:ellipsis;
background-color:#E9F0F4;
font-family:Verdana, Simsun;

}

.x_list_head_asc { background:url(../image/xlist/x_icon_asc.gif ) no-repeat center right; }
.x_list_head_desc { background:url(../image/xlist/x_icon_desc.gif ) no-repeat center right; }

.x_list_head_cell_over {
border:1 solid;
/*border-color:threedhighlight #CCCCCC #CCCCCC threedhighlight;*/
border-color:threedhighlight #688293 #688293 threedhighlight;
background-color:#F4F7F9;
height:22;
color:#07215F;
font-size:12;
overflow:visible;
word-wrap:normal;
white-space:nowrap;
word-break:keep-all;
text-overflow:ellipsis;
font-family:Verdana, Simsun;
}
.x_list_head_cell_down {
border:1 solid;
border-color:#CCCCCC threedhighlight threedhighlight #CCCCCC;
background-color:#D4DBDF;
height:22;
color:#07215F;
font-size:12;
overflow:visible;
word-wrap:normal;
white-space:nowrap;
word-break:keep-all;
text-overflow:ellipsis;
font-family:Verdana, Simsun;
}

.x_list_body_handle {
width:22;
font-size:12;
overflow:hidden;
text-align:center;
word-wrap:normal;
word-break:keep-all;
font-family:Verdana, Simsun;
}

.x_list_body_cell {
height:22;
font-size:12;
padding-top:2;
padding-left:2;
word-wrap:normal;
white-space:nowrap;
word-break:keep-all;
text-overflow:ellipsis;
overflow:visible;
font-family:Verdana, Simsun;
}

XList

result

frogfool 2006-12-11 00:49 发表评论

ajax support (prototyp.js required)

frogfool — Wed, 22 Nov 2006 14:35:00 GMT

//ajax support
var J = {
request: function(url, param, onComplete) {
  new Ajax.Request(
        url,
         {
         method: 'post',
         parameters: param,
         onComplete: function(request) {
           var o = eval('(' + request.responseText + ')');
     if(null != o.exception) {
      Load.off();
      Msg.exception(o.exception);
     } else {
           (onComplete || Prototype.emptyFunction)(o);
          }
          o = null;
    },
         onLoading: function(request) {
     Load.on();
    },
    onLoaded: function(request) {
     Load.off();
    }
         }
     );
},

update: function(url, param, container) {
  new Ajax.Updater(
   container,
   url,
   {
     method: 'post',
    asynchronous: true,
    evalScripts: true,
    parameters: param,
    onLoading: function(request) {
     Load.on();
    },
    onLoaded: function(request) {
     Load.off();
    }
   }
  );
}
};

var Msg = {
exceptionLayer:null,
exceptionLayerMessage:null,
exceptionLayerStackTrace:null,
init: function() {
var s = [];
s[s.length] = '

';
  document.writeln(s.join(''));
  s = null;
  this.exceptionLayer = document.all.exceptionLayer;
  this.exceptionLayerMessage = $('exceptionLayerMessage');
  this.exceptionLayerStackTrace = $('exceptionLayerStackTrace');
},
exception: function(e) {
  Cover.on();
  this.exceptionLayerStackTrace.style.display = 'none';
  this.exceptionLayer.style.display = 'block';
  this.exceptionLayerMessage.innerHTML = '' + e.message + '';
  this.exceptionLayerStackTrace.innerHTML = '' + e.stackTrace + '';
},
switchExceptionLayerStackTrace: function() {
  event.srcElement.value = ('Detail >>'==event.srcElement.value) ? 'Detail <<' : 'Detail >>';
  this.exceptionLayerStackTrace.style.display = ('none'==this.exceptionLayerStackTrace.style.display) ? 'block' : 'none';
},
exceptionOff: function() {
  Cover.off();
  this.exceptionLayer.style.display = 'none';
}
}
Msg.init();

var Load = {
loadLayer: null,
init: function() {
document.writeln('

');
  this.loadLayer = document.all.loadLayer;
},
on: function() {
  Cover.on();
  this.loadLayer.style.display = 'block';
  window.status = 'loading...';
},
off: function() {
  Cover.off();
  this.loadLayer.style.display = 'none';
  window.status = 'loaded!';
}
};
Load.init();

//css
.loader {
border:0;
width:16;
height:16;
background: url(../image/loader.gif) no-repeat 0em 0em;
}
.font_exception {
color: #A90101;
font-size: 12px;
font-family: Verdana, Simsun;
}

//usage
function initAbstractEntityType() {
J.request(
        'findAbstractEntityType.html',
        '',
        onInitAbstractEntityType
   );
}

frogfool 2006-11-22 22:35 发表评论