|
|
@@ -36,8 +36,19 @@ var GetPadVal = function () {
|
|
|
}
|
|
|
};
|
|
|
var dealTdTextFunc = function (HtmlStr) {
|
|
|
- //if(/<P.*<\/P>/){}
|
|
|
- return HtmlStr;
|
|
|
+ var ReStr = "";
|
|
|
+ var ReNumber = 0;
|
|
|
+ var pattStr = new RegExp(/<P.*?<\/P>/i);
|
|
|
+ while(pattStr.test(HtmlStr)) {
|
|
|
+ var matchesArr = HtmlStr.match(pattStr);
|
|
|
+ $("#pContrainId").html(matchesArr[0]);
|
|
|
+ HtmlStr = HtmlStr.replace(matchesArr[0], "");
|
|
|
+ if (ReNumber <= $("#pContrainId").text().length) {
|
|
|
+ ReNumber = $("#pContrainId").text().length;
|
|
|
+ ReStr = $("#pContrainId").text();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return ReStr;
|
|
|
};
|
|
|
var AdjustTableFunc = function () {
|
|
|
// 添加宽度处理
|
|
|
@@ -57,58 +68,57 @@ var AdjustTableFunc = function () {
|
|
|
var tdWidthVal = $("#pContrainId").width();
|
|
|
if (ArrMaxLen.length < tdIndex +1) {
|
|
|
ArrMaxLen.push(0);
|
|
|
- }
|
|
|
+ }
|
|
|
if (ArrMaxLen[tdIndex]< tdWidthVal) {
|
|
|
TotalMaxLen += tdWidthVal -ArrMaxLen[tdIndex];
|
|
|
- ArrMaxLen[tdIndex]= tdWidthVal;
|
|
|
- }
|
|
|
+ ArrMaxLen[tdIndex] = tdWidthVal;
|
|
|
+ }
|
|
|
});
|
|
|
});
|
|
|
- $("#pContrainId").remove();
|
|
|
- // 判断表格是否只有一行
|
|
|
- if($(item).find("tr").length == 1 && $(item).find("tr").eq(0).find("td").length == 1) {
|
|
|
- $(item).find("tr").eq(0).find("td").eq(0).css("width", (ScreenWidth -4 - GetPadVal()) + "px");
|
|
|
- $(item).css("width", (ScreenWidth -4 - GetPadVal()) + "px");
|
|
|
- }
|
|
|
- else {
|
|
|
- if (TotalMaxLen < ScreenWidth) {
|
|
|
- var AddPx = (ScreenWidth - TotalMaxLen) / ArrMaxLen.length;
|
|
|
- AddPx = AddPx > 2 ? AddPx -2: AddPx;
|
|
|
- for (var i = 0; i < ArrMaxLen.length; i++) {
|
|
|
- ArrMaxLen[i]+= AddPx;
|
|
|
+ // 判断表格是否只有一行
|
|
|
+ if($(item).find("tr").length == 1 && $(item).find("tr").eq(0).find("td").length == 1) {
|
|
|
+ $(item).find("tr").eq(0).find("td").eq(0).css("width", (ScreenWidth -4 - GetPadVal()) + "px");
|
|
|
+ $(item).css("width", (ScreenWidth -4 - GetPadVal()) + "px");
|
|
|
}
|
|
|
- }
|
|
|
- var OneFlag = false;
|
|
|
- for (var i = 0; i < ArrMaxLen.length; i++) {
|
|
|
- if (ArrMaxLen[i]!= undefined && $(item).find("tr").eq(0).find("td").length > 1) {
|
|
|
- $(item).find("tr").eq(0).find("td").eq(i).css("width", ArrMaxLen[i]+ "px");
|
|
|
- TableWidth += ArrMaxLen[i];
|
|
|
+ else {
|
|
|
+ if (TotalMaxLen < ScreenWidth) {
|
|
|
+ var AddPx = (ScreenWidth - TotalMaxLen) / ArrMaxLen.length;
|
|
|
+ AddPx = AddPx > 2 ? AddPx -2: AddPx;
|
|
|
+ for (var i = 0; i < ArrMaxLen.length; i++) {
|
|
|
+ ArrMaxLen[i] += AddPx;
|
|
|
+ }
|
|
|
}
|
|
|
- else if (ArrMaxLen[i]!= undefined && $(item).find("tr").eq(0).find("td").length == 1) {
|
|
|
- OneFlag = true;
|
|
|
- TableWidth += ArrMaxLen[i];
|
|
|
+ var OneFlag = false;
|
|
|
+ for (var i = 0; i < ArrMaxLen.length; i++) {
|
|
|
+ if (ArrMaxLen[i]!= undefined && $(item).find("tr").eq(0).find("td").length > 1) {
|
|
|
+ $(item).find("tr").eq(0).find("td").eq(i).css("width", ArrMaxLen[i]+ "px");
|
|
|
+ TableWidth += ArrMaxLen[i];
|
|
|
+ }
|
|
|
+ else if (ArrMaxLen[i]!= undefined && $(item).find("tr").eq(0).find("td").length == 1) {
|
|
|
+ OneFlag = true;
|
|
|
+ TableWidth += ArrMaxLen[i];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (OneFlag) {
|
|
|
+ $(item).find("tr").eq(0).find("td").eq(0).css("width", TableWidth + "px");
|
|
|
+ }
|
|
|
+ $(item).css("width", TableWidth + "px");
|
|
|
}
|
|
|
- }
|
|
|
- if (OneFlag) {
|
|
|
- $(item).find("tr").eq(0).find("td").eq(0).css("width", TableWidth + "px");
|
|
|
- }
|
|
|
- $(item).css("width", TableWidth + "px");
|
|
|
- }
|
|
|
- // 替换HTML
|
|
|
- var ChildHtmlStr = $(item).prop("outerHTML");
|
|
|
- var HtmlStr = "<div class='TableContainer TContain_" + Index + "'></div>";
|
|
|
- $(item).after(HtmlStr);
|
|
|
- $(item).remove();
|
|
|
- var JqStr = ".TContain_" +Index;
|
|
|
- $(JqStr).append(ChildHtmlStr);
|
|
|
- Index += 1;
|
|
|
-});
|
|
|
-$(document.body).css("width", ScreenWidth + "px");
|
|
|
-var BodyWidth = isNaN(parseFloat($(document).width())) ? 0: (parseFloat($(document).width()) -GetPadVal()); // 界面宽度
|
|
|
-var Index = 0;
|
|
|
-$.each($("table"), function (index, item) {
|
|
|
+ // 替换HTML
|
|
|
+ var ChildHtmlStr = $(item).prop("outerHTML");
|
|
|
+ var HtmlStr = "<div class='TableContainer TContain_" + Index + "'></div>";
|
|
|
+ $(item).after(HtmlStr);
|
|
|
+ $(item).remove();
|
|
|
+ var JqStr = ".TContain_" +Index;
|
|
|
+ $(JqStr).append(ChildHtmlStr);
|
|
|
+ Index += 1;
|
|
|
+ });
|
|
|
+ $(document.body).css("width", ScreenWidth + "px");
|
|
|
+ var BodyWidth = isNaN(parseFloat($(document).width())) ? 0: (parseFloat($(document).width()) -GetPadVal()); // 界面宽度
|
|
|
+ var Index = 0;
|
|
|
+ $.each($("table"), function (index, item) {
|
|
|
var TableWidth = isNaN(parseFloat($(item).width())) ? 0: parseFloat($(item).width()); // 表格宽度
|
|
|
- // 替换HTML
|
|
|
+ // 替换HTML
|
|
|
var JqStr = ".TContain_" +Index;
|
|
|
$(JqStr).css("width", BodyWidth + "px");
|
|
|
if (TableWidth > BodyWidth) {
|
|
|
@@ -119,12 +129,12 @@ $.each($("table"), function (index, item) {
|
|
|
var HiddenWidth = BodyWidth -(TableWidth - BodyWidth) * HiddenRate; // 现滚动条大小
|
|
|
var CSHtmlStr = "<div class='CSBar' style='width: " + HiddenWidth + "px;'></div>";
|
|
|
$(JqStr).next().append(CSHtmlStr);
|
|
|
-}
|
|
|
- Index += 1;
|
|
|
-});
|
|
|
-$.each($(".container-table"), function (index, item) {
|
|
|
+ }
|
|
|
+ Index += 1;
|
|
|
+ });
|
|
|
+ $.each($(".container-table"), function (index, item) {
|
|
|
$(item).css("width", BodyWidth + "px");
|
|
|
-});
|
|
|
+ });
|
|
|
// 滚动条事件
|
|
|
$(".TableContainer").on("touchstart", function () {
|
|
|
pressTableFlag = true;
|
|
|
@@ -137,13 +147,13 @@ $.each($(".container-table"), function (index, item) {
|
|
|
var NextClsName = $(this).next().attr("class");
|
|
|
if (NextClsName == "PSBar") {
|
|
|
$(this).next().find(".CSBar").css("left", SLeftWdith + "px");
|
|
|
- }
|
|
|
-});
|
|
|
-window.addEventListener("scroll", function (event) {
|
|
|
+ }
|
|
|
+ });
|
|
|
+ window.addEventListener("scroll", function (event) {
|
|
|
var ClsName = event.target.className;
|
|
|
if (ClsName == undefined) {
|
|
|
return;
|
|
|
-}
|
|
|
+ }
|
|
|
ClsName = ClsName.replace("TableContainer ", ".");
|
|
|
var TableWidth = isNaN(parseFloat($(ClsName).find("table").width())) ? 0: parseFloat($(ClsName).find("table").width()); // 表格宽度
|
|
|
BodyWidth = isNaN(parseFloat($(document).width())) ? 0: (parseFloat($(document).width() -GetPadVal())); // 界面宽度
|
|
|
@@ -153,8 +163,9 @@ window.addEventListener("scroll", function (event) {
|
|
|
var NextClsName = $(ClsName).next().attr("class");
|
|
|
if (NextClsName == "PSBar") {
|
|
|
$(ClsName).next().find(".CSBar").css("left", SLeftWdith + "px");
|
|
|
-}
|
|
|
-}, true);
|
|
|
+ }
|
|
|
+ }, true);
|
|
|
+ $("#pContrainId").remove();
|
|
|
};
|
|
|
// 表格处理End
|
|
|
|