feat: 项目基础框架+配置+Kernel
This commit is contained in:
testadmin
@@ -0,0 +1,265 @@
|
||||
$(document).ready(function(e) {
|
||||
|
||||
|
||||
//表格自动获取宽度。
|
||||
//要注意的是，在定义表头宽度时，要确保此列最宽的内容的宽度要小于本TH之宽度。
|
||||
|
||||
//表格自动获取该表格的表头所有TH的宽度之和，注意表头的TH的宽度，要用th width="x"这种形式，不要用style="width:100px"这种。
|
||||
$(".tytable2").each(function(index, element) {
|
||||
thisthsum=$(this).find("th").length;
|
||||
|
||||
var thistbwidth=0;
|
||||
for(i=0;i<thisthsum;i++){
|
||||
thistbwidth+=parseInt($(this).find("th").eq(i).attr("width"));
|
||||
}
|
||||
$(this).attr("width",thistbwidth+thisthsum+1);
|
||||
|
||||
});
|
||||
|
||||
//表格自动获取对应表头的宽度。注意表头的TH的宽度，要用th width="x"这种形式，不要用style="width:100px"这种。
|
||||
$(".tytable2").find("td").each(function(index, element) {
|
||||
$(this).attr("width",parseInt($(this).parents("table").find("th").eq($(this).index()).attr("width")));
|
||||
});
|
||||
|
||||
|
||||
tytable2auto();
|
||||
|
||||
//表格单隔行变色效果 本项目中暂去掉
|
||||
/* $(".tytable2 tbody").find("tr:even").addClass("trbgfff");
|
||||
$(".tytable2 tbody").find("tr:odd").addClass("trbgf8");*/
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(window).resize(function(e) {
|
||||
tytable2auto();
|
||||
});
|
||||
function tytable2auto(){
|
||||
$(".tytable2").each(function(index, element) {
|
||||
if($(this).width()<$(this).parents(".tytable2BOX").width()){
|
||||
|
||||
$(this).width($(this).parents(".tytable2BOX").width()-2);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//表头固定 我重写一个
|
||||
function scrollo(viewid,scrollid,size){
|
||||
var scrollo = document.getElementById(scrollid);
|
||||
var tb1 = document.getElementById(viewid);
|
||||
tb1id=$("#"+viewid).attr("id");
|
||||
var tb2html='<table border="0" cellspacing="0" cellpadding="0" class="tytable2" id="'+tb1id+'_2" width="'+$("#"+viewid).width()+'" style="position:absolute;top:0;left:0;">';
|
||||
tb2html+=$("#"+viewid).html();
|
||||
tb2html+='</table>'
|
||||
var tb2 = tb2html;
|
||||
$("#"+scrollid).append(tb2)
|
||||
$("#"+viewid+"_2").find("tbody").css("display","none");
|
||||
$("#"+viewid+"_2").find("tbody").attr("id",$("#"+viewid).find("tbody").attr("id")+"_2")
|
||||
scrollo.onscroll = function(){
|
||||
$("#"+viewid+"_2").css("top",this.scrollTop+"px");
|
||||
}/* */
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
//表头固定 结束
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//表格排序
|
||||
function sortTable(id, col, rev){
|
||||
|
||||
var tblEl = document.getElementById(id);
|
||||
|
||||
if(tblEl.reverseSort == null){
|
||||
tblEl.reverseSort = new Array();
|
||||
tblEl.lastColumn = 1;
|
||||
}
|
||||
|
||||
if(tblEl.reverseSort[col] == null)
|
||||
tblEl.reverseSort[col] = rev;
|
||||
|
||||
if(col == tblEl.lastColumn)
|
||||
tblEl.reverseSort[col] = !tblEl.reverseSort[col];
|
||||
tblEl.lastColumn = col;
|
||||
var oldDsply = tblEl.style.display;
|
||||
tblEl.style.display = "none";
|
||||
var tmpEl;
|
||||
var i, j;
|
||||
var minVal, minIdx;
|
||||
var testVal;
|
||||
var cmp;
|
||||
|
||||
for(i = 0; i < tblEl.rows.length - 1; i++){
|
||||
minIdx = i;
|
||||
minVal = getTextValue(tblEl.rows[i].cells[col]);
|
||||
|
||||
for(j = i + 1; j < tblEl.rows.length; j++){
|
||||
|
||||
testVal = getTextValue(tblEl.rows[j].cells[col]);
|
||||
cmp = compareValues(minVal, testVal);
|
||||
|
||||
if(tblEl.reverseSort[col])
|
||||
cmp = -cmp;
|
||||
if (cmp == 0 && col != 1)
|
||||
cmp = compareValues(
|
||||
getTextValue(tblEl.rows[minIdx].cells[1]),
|
||||
getTextValue(tblEl.rows[j].cells[1])
|
||||
);
|
||||
if(cmp > 0){
|
||||
minIdx = j;
|
||||
minVal = testVal;
|
||||
}
|
||||
}
|
||||
|
||||
if(minIdx > i){
|
||||
tmpEl = tblEl.removeChild(tblEl.rows[minIdx]);
|
||||
tblEl.insertBefore(tmpEl, tblEl.rows[i]);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
makePretty(tblEl, col);
|
||||
setRanks(tblEl, col, rev);
|
||||
tblEl.style.display = oldDsply;
|
||||
return false;
|
||||
}
|
||||
|
||||
if(document.ELEMENT_NODE == null){
|
||||
document.ELEMENT_NODE = 1;
|
||||
document.TEXT_NODE = 3;
|
||||
}
|
||||
|
||||
function getTextValue(el){
|
||||
var i;
|
||||
var s;
|
||||
s = "";
|
||||
for(i = 0; i < el.childNodes.length; i++)
|
||||
if(el.childNodes[i].nodeType == document.TEXT_NODE)
|
||||
s += el.childNodes[i].nodeValue;
|
||||
else if (el.childNodes[i].nodeType == document.ELEMENT_NODE && el.childNodes[i].tagName == "BR")
|
||||
s += " ";
|
||||
else s += getTextValue(el.childNodes[i]);
|
||||
return normalizeString(s);
|
||||
}
|
||||
|
||||
function compareValues(v1, v2){
|
||||
var f1, f2;
|
||||
f1 = parseFloat(v1);
|
||||
f2 = parseFloat(v2);
|
||||
if(!isNaN(f1) && !isNaN(f2)){
|
||||
v1 = f1;
|
||||
v2 = f2;
|
||||
}
|
||||
if(v1 == v2)
|
||||
return 0;
|
||||
if(v1 > v2)
|
||||
return 1
|
||||
return -1;
|
||||
}
|
||||
|
||||
var whtSpEnds = new RegExp("^\\s*|\\s*$", "g");
|
||||
var whtSpMult = new RegExp("\\s\\s+", "g");
|
||||
|
||||
function normalizeString(s){
|
||||
s = s.replace(whtSpMult, " ");
|
||||
s = s.replace(whtSpEnds, "");
|
||||
return s;
|
||||
}
|
||||
|
||||
var rowClsNm = "alternaterow";
|
||||
var colClsNm = "sortedcolumn";
|
||||
var rowTest = new RegExp(rowClsNm, "gi");
|
||||
var colTest = new RegExp(colClsNm, "gi");
|
||||
|
||||
function makePretty(tblEl, col){
|
||||
var i, j;
|
||||
var rowEl, cellEl;
|
||||
for(i = 0; i < tblEl.rows.length; i++){
|
||||
rowEl = tblEl.rows[i];
|
||||
rowEl.className = rowEl.className.replace(rowTest, "");
|
||||
if(i % 2 != 0)
|
||||
rowEl.className += " " + rowClsNm;
|
||||
rowEl.className = normalizeString(rowEl.className);
|
||||
for (j = 2; j < tblEl.rows[i].cells.length; j++){
|
||||
cellEl = rowEl.cells[j];
|
||||
cellEl.className = cellEl.className.replace(colTest, "");
|
||||
if (j == col)
|
||||
cellEl.className += " " + colClsNm;
|
||||
cellEl.className = normalizeString(cellEl.className);
|
||||
}
|
||||
}
|
||||
|
||||
var el = tblEl.parentNode.tHead;
|
||||
rowEl = el.rows[el.rows.length - 1];
|
||||
|
||||
for(i = 2; i < rowEl.cells.length; i++){
|
||||
cellEl = rowEl.cells[i];
|
||||
cellEl.className = cellEl.className.replace(colTest, "");
|
||||
if(i == col)
|
||||
cellEl.className += " " + colClsNm;
|
||||
cellEl.className = normalizeString(cellEl.className);
|
||||
}
|
||||
}
|
||||
|
||||
function setRanks(tblEl, col, rev){
|
||||
|
||||
var i = 0;
|
||||
var incr = 1;
|
||||
if(tblEl.reverseSort[col])
|
||||
rev = !rev;
|
||||
if(rev){
|
||||
incr = -1;
|
||||
i = tblEl.rows.length - 1;
|
||||
}
|
||||
//我补充，用判断是否升、降序来控制背景
|
||||
if(rev){
|
||||
pxbiaoshi=1;
|
||||
}else{
|
||||
pxbiaoshi=2;
|
||||
}/* */
|
||||
$("th").find("a").click(function(e) {
|
||||
$(this).parents("tr").find("th a").removeClass("bgsx");
|
||||
$(this).parents("tr").find("th a").removeClass("bgjx");
|
||||
if(pxbiaoshi==1){
|
||||
$(this).addClass("bgsx");
|
||||
}
|
||||
if(pxbiaoshi==2){
|
||||
$(this).addClass("bgjx");
|
||||
}
|
||||
});/**/
|
||||
//补充结束
|
||||
var count = 1;
|
||||
var rank = count;
|
||||
var curVal;
|
||||
var lastVal = null;
|
||||
|
||||
while(col > 1 && i >= 0 && i < tblEl.rows.length){
|
||||
curVal = getTextValue(tblEl.rows[i].cells[col]);
|
||||
if(lastVal != null && compareValues(curVal, lastVal) != 0)
|
||||
rank = count;
|
||||
tblEl.rows[i].rank = rank;
|
||||
lastVal = curVal;
|
||||
count++;
|
||||
i += incr;
|
||||
}
|
||||
|
||||
var rowEl, cellEl;
|
||||
var lastRank = 0;
|
||||
|
||||
/*for(i = 0; i < tblEl.rows.length; i++){
|
||||
rowEl = tblEl.rows[i];
|
||||
cellEl = rowEl.cells[0];
|
||||
while(cellEl.lastChild != null)
|
||||
cellEl.removeChild(cellEl.lastChild);
|
||||
if(col > 1 && rowEl.rank != lastRank){
|
||||
cellEl.appendChild(document.createTextNode(rowEl.rank));
|
||||
lastRank = rowEl.rank;
|
||||
}
|
||||
}*/
|
||||
}
|
||||
Reference in New Issue
Block a user