JQuery技术应用于动态表格内容和统计

 
图(1.1)
物流信息管理中的功能要求如下图1.1所示，表中的每一行都意味着运输货物的数据，在上传每一行的计费重量和利率后，规定运输成本可以按一定公式快速计算，所有运输货物的整体运输成本可以自动统计分析。运输货物信息内容的数据量(即表格的数量)不确定，规定可以动态提升和删除，即表格的数据信息数量可以动态维护。运输货物信息内容的数据量（即表格的数量）不确定，规定可以动态提升和删除，即表格的数据信息数量是动态和可维护的。为了方便操作，您必须在输入框中间切换页面上的键盘按钮，如使用键盘的前后键盘按钮。每排信息都有一定的校准检查规定。例如，运单号必须是8位数，产品数量和净重必须是数据...
单行道运输信息计算运费不会太难完成，只需在输入框对象的计费重量和费率事故中获得利率和计费重量，并按公式转换运输费即可。

累计成本统计分析并不难完成。对所有表格的相关成本目标进行统计分析，并将数值放入累计输入框目标中。

难题动态添加整列表内容，每排数据信息中的输入框对象也需要自动统计分析计算，非常困难。如果使用JavaScript，必须使用Dom目标来创建单元格，在tr中加入10个单元格目标，每个单元格将输入框目标添加到目标中，并在输入框对象上响应onblur事件计算运费，编码量非常大。

JQuery的应用可以大大降低任务量。在具体设计中，使用JQuery的clone(true)函数公式，可以创建jQury对象团本，当主要参数为true时，可以复制该元素的所有事件处理函数。

您可以在第一行中计算运费。然后点击提升清单按钮，启用jQuery clone(true)由于使用clone，创建第一行的团本目标插入报表下方(true)可以复制对象的事件处理函数，因此每排输入框的onblur相关事件运费计算函数公式成功复制，无需解决。减少任务量。
重要编码

(一)建立复制单元格目标，并将其添加到表中

var v=$("#tbin");////获得表格的jquery目标

///所有数据行都是一个.MyRowClass,获取数据信息行的尺寸

var vcount=$("#tbin tr").filter(".MyRow").size() 1;//报表中有多少数据信息行？

var vTr=$("#tbin #trdatarow1; ///在表中获取第一行数据信息

var vTrClone=vTr.clone(true);///建立第一行团本目标vtrclone

vTrClone.appendTo(v);///将团本单元的格对象添加到报表下

(二)统计分析升级总额

function UpdateTotal()///升级总额

{

var vTotalMoney=0;///总额的初始状态为0;

var vTable=$("#tbin");////获得表格的jquery目标

var vTotal= vTable.find("#txtTotal") ;//获得总目标

var vtxtAfters=vTable.find("#txtMoney");//获得所有计算更好的成本目标；

vtxtAfters.each( ///使用jQuery的each函数公式赋值每排成本目标，累积成总额

function(i)

{

var vTempValue=$(this).val();

if(vTempValue=="")

{

vTempValue=0;

}

vTotalMoney=vTotalMoney parseFloat(vTempValue);//计算成本费

}

)///赋值完成

vTotal.val(vTotalMoney); ///在匹配输入框对象中显示成本

}

(三)计费重量发生变化时计算费用，并对成本费进行统计分析

$("#txtMoneyWeight").bind("change", function()

{

var vTotalMoney=0;///总额的初始状态为0;

var vtxtDetail=$(this);///获得输入框目标的变化

var vVal=vtxtDetail.val();

var vtxtAfter=vtxtDetail.parent("td").parent("tr").find("#txtRate");//获得利率；

var vtxtMoney=vtxtDetail.parent("td").parent("tr").find("#txtMoney");//获得费用；

var vMoney=CalculatorMoney(vVal,vtxtAfter.val());///应用公式转换单行道运输费用

vtxtMoney.val(vMoney); ///表示单行道运输费信息内容

UpdateTotal(); ////调用函数统计分析升级成本

}); ////改变脚本制作完成