php - 有没有更好的方法来编写报价单？

Question

我正在寻求建议和可能的示例代码，以及可以帮助我改进报价单的链接。目前的情况是这样的:-

为项目(来自 mysql 数据库)生成动态(选择组合)行以及用于价格和数量的空输入框。用户根据编号添加或删除行。如果需要元素并填写价格、数量等，然后将所有计算值等带到第二个表格中，这样他就可以打印相同的表格或通过电子邮件发送。

现在项目数约为 3500，因此当用户到达第 5 或第 6 行时，添加新行开始变得非常慢。我需要从数据库中提取 mysql 项目，因为它们时不时地不断增加。

非常感谢任何帮助。提前致谢。

以下是我当前使用的动态行的 javascript 代码:-

<SCRIPT language="javascript">
    function addRow(tableID) {
        var table = document.getElementById(tableID);
        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);
        var colCount = table.rows[0].cells.length;
        for(var i=0; i<colCount; i++) {
            var newcell = row.insertCell(i);
            newcell.innerHTML = table.rows[0].cells[i].innerHTML;
            //alert(newcell.childNodes);
            switch(newcell.childNodes[0].type) {
                case "text":
                        newcell.childNodes[0].value = "";
                        break;
                case "checkbox":
                        newcell.childNodes[0].checked = false;
                        break;
                case "select-one":
                        newcell.childNodes[0].selectedIndex = 0;
                        break;
            }
        }
    }
    function deleteRow(tableID) {
        try {
        var table = document.getElementById(tableID);
        var rowCount = table.rows.length;
        for(var i=0; i<rowCount; i++) {
            var row = table.rows[i];
            var chkbox = row.cells[0].childNodes[0];
            if(null != chkbox && true == chkbox.checked) {
                if(rowCount <= 1) {
                    alert("Cannot delete all the rows.");
                    break;
                }
                table.deleteRow(i);
                rowCount--;
                i--;
            }
        }
        }catch(e) {
            alert(e);
        }
    }
</SCRIPT>

以下是我用来将 mysql 项目拉到选择组合框的 php 代码

<?php
                $con = mysql_connect('connection details');
                if (!$con)  {
                die('Could not connect: ' . mysql_error());}
                $db=mysql_select_db('database',$con);
                $extract1=mysql_query("query")
                                    OR die(mysql_error());
                $numrows1=mysql_num_rows($extract1);
                echo "<select name='item[]' title='selectItemName'>";
                echo "
                        <option>Select Item Description</option>
                        ";
                while ($row1=mysql_fetch_assoc($extract1)) 
                {
                    $ic[]=$row1['ItemName'];
                }
                foreach ($ic as $i){
                echo "<option>".$i."</option>";
                }
                echo    "</select>";
                mysql_close($con);
                ?>

我还尝试了以下来自 jquery 的示例，它非常简洁。但我是新手，不知道如何填充其余框以及选择框。这是代码

<script type="text/javascript"> 

    $(document).ready(function() {
        $("select[multiple]").asmSelect({
            addItemTarget: 'bottom',
            animate: true,
            highlight: true,
            sortable: true
        });

    }); 

</script> 

Answer 1

我没有看到 addRow 和 deleteRow 被调用的地方，但我会说这里可能是您效率低下的地方:

 1.  var table = document.getElementById(tableID);
 2.  var rowCount = table.rows.length;
 3.  var row = table.insertRow(rowCount);
 4.  var colCount = table.rows[0].cells.length;

1. 每次添加一行时，您都在文档中搜索表格，如果您只处理一个表格，这会很昂贵；考虑一个全局变量并做类似 var table = glob_table || 的事情document.getElementById(..);

2. 即使它是一个属性并且获取起来并不昂贵，但当您可以递增/递减另一个全局变量时，这仍然会很乏味。

3. 在将单元格添加到行之前，我不确定将行添加到表格是否合适。我必须查看这个更新:我猜是

4. (同#2)

   ---

顺便说一句，您在底部使用了 jQuery。就个人而言，我不喜欢使用 jQuery，但是如果您要加载它，那么您已经在减慢页面速度方面造成了大部分损害，因此您不妨使用它。它实际上非常擅长添加/删除元素，所以我建议您阅读一些 jQuery 教程。

此外，如果您的数据库正在增加，那么您不需要重新创建选项，而只想使用尚未加载的项目更新它。因此，您需要在数据库记录上使用时间戳并将该时间戳存储在您的 JavaScript/页面中，以便“刷新自”(where update_ts >= $last_update_param)