博客园_Net有道

单元格的计算

2010-11-19T06:36:00Z

在如Excel一样的表格中，某些单元格是靠计算产生值的，不用人工填写。本来使用的是Farpoint Spread 这个控件，生成表头，设定了公式，锁定列等等看来都很好使，界面也很好。

静态计算是没什么问题的，即页面第一次加载生成时计算那些单元格的值；但是动态计算上体验不太完美，利用它自己内置的功能反应不够灵敏，公式涉及的行列越多，计算层次越深其反应越不灵敏。鉴于我们遇到的公式基本只有二种，合计与百分比，遂自己写脚本来动态更新相关单元格的值。

设定事件，取得行列索引不细表，直接进入正题

       function calcValue(sheet, currentRow, currentCol, level) {
            var sumFormulaExp = /R(\d+)C(\d+)\+/g; //相加的表达式
            var percentFormulaExp = /IF\(R(\d+)C(\d+)=0,\S{3},R(\d+)C(\d+)\*100\/R(\d+)C(\d+)\)/g;    //计算百分比的表达式
            
            var formulaPart = "R" + currentRow + "C" + currentCol; //exp:R4C3
            $("td[fpformula*='" + formulaPart + "']").each(function() { //exp:找公式中包含有R4C3的单元格
            //。。。计算相关单元格的值
            });
        }

四个参数:　　sheet--当前sheet，从页面上能取到的那个控件对象

currentRow--当前行号，从1开始计数

currentCol--当前列号，从1开始计数

level--层次，递归调用时控制层次

特别说明一下那个level参数，这是以防万一公式设定错误导致无休止调用发生错误而设的。为什么会发会递归调用，因为一个值发生改变后会涉及到多个多行多列单元格的值发生联动。比如R7C7的单元格（即7行7列）数字变动了，那它的行小计R7C4、行合计R7C1、列小计R4C7、列合计R1C7，以及最终的总计R1C1都要发生变动，上述单元格有参与百分比计算的也要重新计算相关的百分比。输入值的单元格＝》行小计＝》行合计＝》总计的这个过程就是递归调用过程，递归的终点是在当前表格中找不到有任何一个单元格公式表达式中包含有当前单元格。这个传递过程只有那个累加的单元格才会发生传递，计算百分比的单元格是不会往下传递的，比如一个行合计相关的百分比单元格R9C1（=R8C1/R7C1），这个R9C1是不用往下传递到合计百分比单元格R3C1（=R2C1/R1C1）的。

当前单元格有没有被计算是字符串包含来匹配的。还是以R7C7来举列，跟它有关的公式会找到二个，

R7C4上的累加公式：R7C7+R7C8+R7C9+R7C10+

R9C7上的百分比公式：IF(R7C7=0,'-',R8C7/R7C7)　

接下来就是计算R7C4，R9C7时里的新值。

计算之前先作一个预处理，R7C7的话还一般不会有干扰。但如果是找R7C1，你找到了一个公式R7C10 + R7C11，jquery选择里会把这个公式与列为有效公式，计算是不会出错，但效率会差很多。所以用一个正则把干扰公式排除掉

               var cellExp = new RegExp(formulaPart + "\\D{1}", "");
                var formula = $(this).attr("fpformula");
                if (!cellExp.test(formula))//jquery的选择器匹配出来的是弱的，用正则强匹配一下。
                    return;

接下来要用正则表达式去匹配公式了

               var mat = sumFormulaExp.exec(formula);
                var percentMat = percentFormulaExp.exec(formula);

                var colIndex = parseInt($(this).parent().children().index($(this))) + 1;
                var rowIndex = parseInt($(this).parent().attr("fpkey")) + 1;

                if (mat != null) {
                 //...计算合计
                } else if (percentMat != null) {
                //。。。计算百分比
                }

                   var result = 0;
                    while (mat != null) {
                        var row = parseInt(mat[1]) - 1;
                        var col = parseInt(mat[2]) - 1;
                        var v = parseFloat(sheet.GetValue(row, col));
                        result += v;
                        mat = sumFormulaExp.exec(formula);
                    }
                    $(this).children("nobr").text(result);

                    if (level < 4) {//5层已经够用了
                        var dl = parseInt(level) + 1;
                        calcValue(sheet, rowIndex, colIndex, dl);
                    }

                    var mRow, mCol, cRow, cCol;
                    mRow = parseInt(percentMat[1]) - 1;
                    mCol = parseInt(percentMat[2]) - 1;
                    cRow = parseInt(percentMat[3]) - 1;
                    cCol = parseInt(percentMat[4]) - 1;
                    percentFormulaExp.lastIndex = 0;

                    var denominator = parseFloat(sheet.GetValue(mRow, mCol));
                    if (denominator == 0)
                        $(this).children("nobr").text("-");
                    else {
                        var numerator = parseFloat(sheet.GetValue(cRow, cCol));
                        var percent = numerator * 100 / denominator;
                        percent = percent.toFixed(1);
                        $(this).children("nobr").text(percent);
                    }

上面sheet.GetValue()是控件提供的方法，用来取单元格的值。fpformula是设定的公式，根据数据库里的定义，在第一次加载时在服务端就都设定好了，公式格式是控件支持的，所以静态计算也支持的，首次显示时相关单元格会自动计算。那个$(this).children("nobr").text里的nobr纯粹是查看控件生成的html代码得到的。

经过上述一些处理，现在页面上相应格子里输入一个值一回车，跟它有关的七、八个单元格的值立马就发生了变化，跟在本地编辑Excel文件一样的速度。不过万恶的IE愣是要慢半拍，如果表格超过10行或10列的话更明显，至少要多1秒。以后可以拿这个功能去说服那些人远离IE。

本文链接

表格行列的删除

2010-11-09T07:48:00Z

继续表格的有关操作，这篇说说表格行与列的删除。

所有这些操作恼人的地方其实都是在融合的单元格上

a.行的移除

首先计算整个表格的总列数。

            var $row = $(sender).parent().parent();
            var $nextRow = $row.next();

            var $firstRow = $row.parent().children("tr:first");
            var colCount = $firstRow.children("td").size(); 
            $firstRow.children("td[colspan]").each(function() {
                colCount = colCount + ($(this).attr("colspan") - 1);
            });//表格总列数

然后是当前这一行被行融合所占去的列数，

            var count = colCount - $row.children().size(); 
            $row.children("td[colspan]").each(function() {
                count = count - ($(this).attr("colspan") - 1);
            });//被行融合被占用的单元格数目

如果当前行没有被行融合占掉的就好说了，如果有的话要把父节点的rowspan值减1，先贴代码吧。

            if (count > 0) {//当前行有位置被行合并单元格占用的，要往上溯把相应的rowspan值减1
                var $preRow = $row.prev();
                var spanClsName = "";
                while ($preRow) {
                    var spanColumn = $preRow.children("td[rowspan]").get();
                    for (var i = 0; i < spanColumn.length; i++) {
                        var $this = $(spanColumn[i]);
                        if (spanClsName.length > 0 && spanClsName <= $this.attr("class"))
                            break;
                            
                        var spanCount = $this.attr("rowspan");
                        spanCount = spanCount - 1;
                        if (spanCount == 1)
                            $this.removeAttr("rowspan");
                        else
                            $this.attr("rowspan", spanCount);
                        var colSpan = $this.attr("colspan");
                        if (colSpan)
                            count = count - colSpan;
                        else
                            count = count - 1;
                        if (count == 0)
                            break;
                    }

                    if (count == 0)
                        break;
                    if (spanColumn.length > 0)
                        spanClsName = $(spanColumn[0]).attr("class");
                    $preRow = $preRow.prev();
                }
            }

最终把count归零就表示把所有父节点的rowspan值都减1了。

里面那个循环，

var spanColumn = $preRow.children("td[rowspan]").get();
for (var i = 0; i < spanColumn.length; i++) {

}

这里为什么不用jquery的each，而用js原始形态的for，是为了避免把兄弟节点的rowspan值也减1。

接下来，考虑当前行有行融合单元格的，把rowspan值减1，加入到下一行中，这里也用了循环，而且是递减的，是为了把节点以正确的顺序加入到下行的行首

            var spanRows = $row.children("td[rowspan]").get();//当前行有行合并单元格的，要把rowspan值减1，并加入到下一行
            for(var i = spanRows.length - 1;i >= 0;i--){
                var $this = $(spanRows[i]);
                var spanCount = $this.attr("rowspan");
                spanCount = spanCount - 1;
                if (spanCount == 1)
                    $this.removeAttr("rowspan");
                else
                    $this.attr("rowspan", spanCount);
                $this.insertBefore($nextRow.children("td:first"));
            };

最后把当前行移除

$row.remove(); //当前行移除

b.列的移除

列的移除思路也跟行移除一样，先找父代的colspan的节点；当前列如果是融合的，colspan值减1，加入到下一列（注：这里加入到下一列只是把class改为下一列的class而已）。

            var $column = $(sender).parent();
            var className = $column.attr("class");
            var nextClass = $column.next().attr("class");
            var $row = $column.parent();
            var $table = $row.parent();

            var opIndex = $table.children("tr").index($row);
            var ri = 0;
            var $chCol, $pchCol;

取操作符所在行的行索引，是为了寻当前列的单元格时有一个终止条件。

            while (ri < opIndex) {
                var $cRow = $table.children("tr").eq(ri);
                $chCol = $cRow.children("td." + className);

                if ($chCol.size() == 0) {
                   //......当前行当前列，没有相应单元格，往左找它的融合单元格

                } else {
                  //......当前行当前列，有单元格存在
                }

            }

当前列没有单元格时，用操作符列的class来回溯找融合单元格

                    var $preColumn = $column.prev();
                    var preClassName = $preColumn.attr("class");
                    $pchCol = $cRow.children("td." + preClassName);
                    while ($pchCol.size() == 0) {//这个位置上没有单元格位置，找它的融合单元格
                        $preColumn = $preColumn.prev();
                        preClassName = $preColumn.attr("class");
                        $pchCol = $cRow.children("td." + preClassName);
                    }
                    var spanCount = $pchCol.attr("colspan"); //相应的colspan值减1
                    spanCount--;
                    if (spanCount == 1)
                        $pchCol.removeAttr("colspan");
                    else
                        $pchCol.attr("colspan", spanCount);

                    var rSp = $pchCol.attr("rowspan"); //跳过行融合的单元格
                    if (rSp && rSp > 1)
                        ri += rSp;
                    else
                        ri++;

                   var $this = $chCol.eq(0);
                    var spanCount = $this.attr("colspan"); //当前单元格是融合的
                    if (spanCount && spanCount > 1) {
                        spanCount--;

                        if (spanCount > 1)
                            $this.attr("colspan", spanCount);
                        else
                            $this.removeAttr("colspan");

                        $this.attr("class", nextClass); //colspan值减1后加到后面一列去
                    }

                    var rSp = $this.attr("rowspan");
                    if (rSp && rSp > 1)
                        ri += rSp;
                    else
                        ri++;

最后把这一列移除

$("td." + className).each(function() {
$(this).remove();
});

本文链接

表格行列的移动

2010-11-09T03:44:00Z

很久以来都在做一些没有营养的东西，即使工作之中有时会有一些比较有技巧性的东西也是基于一些不是非常用的第三方组件的，所以也就没有记下来。前一阵做了个编辑表格列头行头定义的功能，写了一大堆javascript，回头来看看还算有点用途，保不准以后会用到，这二天有空把它整理一下。

先说明一下，下面的代码都是基于Jquery 1.3.2的。

因为要动态生成表格的行头列头，所以把一些定义放到数据库中，这些定义包括标题、层级关系、行列融合、序号、以及其他一些跟计算有关的属性定义等。现在就是做一个能编辑这个定义的简单界面，在这篇文章里说说它们之间的顺序调整，即表格行列的移动。

如果是没有任何行列融合的话，移动是非常容易的，但一旦有了行列融合存在，移动就得考虑很多情况了，同一行的元素还好说，如何找同一列的元素是个问题，所以我最终是对行列头每个单元格都定义了相应的class来标识它们是否是属于同一列的，同一列的class是相同的。

还有这里假定不会出现奇异表格。即列头从上往下，列融合的数目只会越来越小，最后一个td只占一列；同理行头从左往右，行融合的数目也只会越来越小，最后一个td也只占一行。当移动的时候，如果是碰上有行列融合的，最终移动的时候是把整个融合在一起那些行列移动到新位置的。最后在行头定义的最后一列，列头定义的最后一行，我加入一列（或行）来放置操作符，这也是为了明确当前操作的是哪一行、哪一列，因为这些单元格是铁定只占一行一列的。

a.列的移动

主要是讲列的左移，因为右移是可以化为左移来处理的。

            var $column = $(sender).parent();
            var className = $column.attr("class");
            var preClassName = $column.prev().attr("class");
            if (!preClassName)
                return;

            var $row = $column.parent();
            var $table = $row.parent();

            var ri = 0;
            var $sCol, $pCol;

那个return，是为了当前列是第一列的情况下直接返回用。

基于不会出现奇异表格的事实，从上往下找当前列的第一个单元格

$sCol = $table.find("td." + className).eq(0);

记下第一个单元格出行时的行索引

var mcRowIndex = $table.children("tr").index($sCol.parent());

记下这个索引以后要用。

            $pCol = $sCol.prev();

            preClassName = $pCol.attr("class");
            var $preOpColumn = $row.children("td." + preClassName);
            var preEndIndex = $row.children("td").index($preOpColumn); //移动列时，最终的位置,用操作符所在单元格的列索引来判定最终移动列的位置

            var moveCount = 1; //要移动的列数
            moveCount = $sCol.attr("colspan");
            if (!moveCount)
                moveCount = 1;

位置的取得主要就是利用同列的class相同，以及操作符单元格只占一列这二个特性

下面是多列移动的骨架，单列移动下面单独列出

            var moveIndex = 0;
            var clsName;
            var $mvColumn = $column;
            while (moveIndex < moveCount) {
                clsName = $mvColumn.attr("class");
                $mvColumn = $mvColumn.next();
                var $preColumn, $iterOpCol, opIndex;
                $("td." + clsName).each(function() {
                //......单列的移动......
                });
                moveIndex++;
                preEndIndex++;
            }

单独一列的移动，即在那个$("td." + clsName).each()里面的遍历函数

                    $preColumn = $(this).prev();
                    $iterOpCol = $row.children("td." + $preColumn.attr("class")); //前一单元格所在列的操作符单元格
                    if ($iterOpCol) {
                        opIndex = $row.children("td").index($iterOpCol);

                        while (opIndex > preEndIndex) {//找移动目的地的单元格
                            $preColumn = $preColumn.prev();
                            $iterOpCol = $row.children("td." + $preColumn.attr("class")); //前一单元格所在列的操作符单元格
                            if (!$iterOpCol)
                                break;
                            opIndex = $row.children("td").index($iterOpCol);
                        }
                        if (opIndex >= preEndIndex)
                            $(this).insertBefore($preColumn);
                        else
                            $(this).insertAfter($preColumn);
                    }

用一个while (opIndex > preEndIndex)循环找目的地，那是因为表格融合的关系，这一行不一定会存在class名为preClassName的单元格。最终找到的是“它”之前或之后的单元格。

从表象上讲，移动的代码到这里就结束了，但后续操作的关系，还有一个东西要处理，即那些未参与移动的单元格的class的变动。比如：

<tr>
　　<td colspan="2" class="1" />
</tr>
<tr>
　　<td class="1" />
　　<td class="2" />
</tr>

当第2列左移时，第一行那个单元格并没有移动过，最张要把它的class从“1”改为“2”.

这时前面那个mcRowIndex就用得上了。

$table.children("tr:lt(" + mcRowIndex + ")").children("td." + preClassName).each(function() {
$(this).attr("class", className);
});

在mcRowIndex这一行之前的其实都是没有参与移动的。

b.行的移动

行的移动处理方式其实跟列的移动差不多，唯一要说明的是，操作符所在那一列是专门定义class的。移动行比移动列简单，一是不用处理class的变换问题，二是交换二行比交换二列要容易。

这里就不作一一解释了。

           var $row = $(sender).parent().parent();
            var $preRow = $row.prev();

            var $opCol = $row.children("td.op:first");
            var $preopCol = $preRow.children("td.op:first");
            if ($preopCol.size() == 0)
                return;

            var $rowFCell = $row.children("td:first");
            var clsName = $rowFCell.attr("class");
            var moveCount = $rowFCell.attr("rowspan");
            if (!moveCount)
                moveCount = 1;

            while ($preRow.children("td." + clsName).size() == 0)
                $preRow = $preRow.prev();

            var stIndex = $preRow.children("td").index($preRow.children("td." + clsName));
            var moveIndex = 0;
            var $moveRow = $row;
            var $nRow;
            while (moveIndex < moveCount) {
                $nRow = $moveRow.next();
                $moveRow.insertBefore($preRow);
                $moveRow = $nRow;
                moveIndex++;
            }

            $preRow.children("td:lt(" + stIndex + ")").each(function() {
                $(this).insertBefore($rowFCell);
            });

下移一行也可以化为上移一行处理的，这里略。

本文链接

FastReport的一些另类用法

2009-06-16T12:48:00Z

前二天机缘巧合，在四五年后重新用起了fastreport，不得不感叹其强大之处，定制能力实在是太强了，今天把一些以前写的放在大富翁论坛的东西翻出来，如果现在还有用这个东西的，如果你也有一些另类的运用，可以有所帮助。这里有一个FR报表简繁体转化的解决方案，只做一份报表，即可在简繁体下用。报表运行时可编辑，这并不是什么用法，只是一个当时解决问题跟踪FR源码时的所得，以前在delphi下开发跟踪跟踪人家...

FastReport分组页码

2009-06-16T12:19:00Z

这里的情况适用于FastReport2.53版本。报表页码一般情况下就象在Word里一样不用费什么脑筋，FastReport里直接从系统变量可以得到。但特殊情况下就无法轻松得到了。这里谈的是分组页码的问题，就是在报表分组的情况下。首先是每个分组强制分页，然后页码重新计数。比如5页分为二组，一组占了2页，另一组占3页。平常显示只要1/5 2/5 3/5 4/5 5/5这时要变成1/2 2/2 1/3...

RFID会议签到系统总结（二十二）――系统中的模式

2007-08-02T04:19:00Z

该总结的东西都总结得差不多了，剩下的都是一些细枝末节的了，基本可以收尾了，这一篇讲一讲设计模式。设计模式是个什么东西，它其实只是前人在当前系统实现基本手段基础上提取出来的一些方法论，目的是为了更好更快的解决我们在系统实现中碰到的各种问题。其实如果总是处于那种“你来我往”的状态之中，没有静下心来细细的思量，无法把握到项目的全貌，没有精益求精的态度，那些方法论不用也罢。可幸这一次上述的如果都没有，所以...

RFID会议签到系统总结（二十一）――服务端的通讯

2007-07-30T01:40:00Z

这一篇其实没什么可讲的，只提一下跟客户端不太一样的一些地方。服务端跟客户端最大的区别是它面对的不是单单一个连接，而是有一些个连接。对于接收与发送来讲它是要具体到accept进来的每一个连接的，所以这里有一个SocketStateObject参数会贯穿始终，这个参数主要就是放对应客户端的Socket连接及一些状态变量，在accept进来一个连接后即创建一个这个对象。 public void List...

RFID会议签到系统总结（二十）――数据窗体状态控制

2007-07-26T03:45:00Z

数据窗体的状态大概可以概括为以下几种，即初始、浏览、新增、修改、删除、查询（单数据窗体的查询是一种简单地基于当前表的查询，各个条件之间只能“与”运算，关系运算只有“等于”，当然字符串字段会有“like”）。在各种状态下，窗体的UI呈现是不相同的，而且在不同状态下，一些按钮的动作是各异的。比如“确定”按钮，在新增状态下按“确定”和在查询状态下按“确定”明显是不同的二种动作。上述的这些情况可以用GoF...

RFID会议签到系统总结（十九）――单数据窗体

2007-07-25T06:05:00Z

所谓的单数据窗体是指那种在窗体只显示一张单表的数据的窗体，主要就是用于显示基本表，因为这个系统要显示的差不多就是基本表为主，这一篇主要讲这个数据显示窗体的基类。既然是基类嘛，当然要提供一些虚方法给子类来改写，要有一些变量必须由子量来初始化。首先必须由子量来提供实例的变量主要是跟子类关联的数据表有关，因为窗体的始化及UI的呈现都是与数据有关的，所以上述变量的初始化必须是在构造函数的最开始的地方进行。...

RFID会议签到系统总结（十八）――菜单与工具栏的加载

2007-07-24T05:07:00Z

经过上二篇的铺垫，现在终于可以加载菜单与工具栏了。先来看一下IService的接口实现里LoadCommand方法是如何来加载菜单与工具栏的：IService接口的实现Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->publicclassSignInR...