时间戳

首页 > 解决方案 > 如何在动态显示的网页中增加生成的值

javascript - 如何在动态显示的网页中增加生成的值

问题描述

我有一个页面，允许用户通过单击按钮在表中显示新行（以填写子作业的详细信息）将子作业添加到父作业。该行中的一个字段是由 PHP 脚本生成的参考编号。问题是每一行的参考编号都是相同的。

我尝试使用 JavaScript 读取字段值，然后去掉数字并增加它，然后将它们重新组合在一起，但这似乎有点过头了。必须有一种更简单的方法来做到这一点。我也不知道如何让它将新值写入即将生成的行。

如果我能帮上忙，我的老板不希望我编写新函数，而是要使用现有函数。我的想法是更新 getNewJobRef() 以将当前值传递给它，以便它自动获取下一个值，但我不确定如何传递当前值，因为它在下面的代码中列出。我也不确定代码中有多少其他地方调用了这个函数，所以我不想把它们搞砸。

<button id="add-new-row" style="text-align:center;margin-top:5px;width:85px;" class="boxbutton">Add New</button>

和：

$(document.body).addEvent('click:relay(#add-new-row)', function (e, el) {
                try{
                    e.preventDefault();
                    addChildJobRow();
                }catch(e){
                    ...
                }
            });

和：

function addChildJobRow() {
                try {
                    lastrow++;
                    let cl = (lastrow % 2 ? 'odd' : 'even');
                    showHeaderRow();
                    Elements.from(connectedjobtemplate({
                        rownum: lastrow,
                        cl: cl,
                        nysid: '',
                        dinNum: '',
                        warrantNum: ''
                    })).inject($('linkedJobsBody'));
                } catch (e) {
                    ...
                }
            }

和：

<script id="connectedjobtemplate" type="text/template">
            <tr id="childjobrow<%= rownum %>" class="<%= cl %>" data-row-id="<%= rownum %>">
                <td colspan="7">
                    <table width="100%">
                        <tr>
                            <td style="width: 15%;">
                                <input data-row-id="<%= rownum %>" id="reference[<%= rownum %>]" name="childjobid[<%= rownum %>][reference]" value="<?php echo $this->MJob->getNewJobRef(232); ?>" class="ref" size="14" style="background-color: transparent; border: none;" />
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </script>

PHP 脚本是：

function getNewJobRef($jobtypeid) {
    if (empty($jobtypeid)) {
        return '';
    }
    $select = $this->db->query('select * from jobtypecounters where jobtypeid =?', array($jobtypeid));
    $this->db->query('update jobtypecounters set counter = last_insert_id(counter) + 1 where jobtypeid = ?', array($jobtypeid));
    // read from write server to avoid replica lag
    $Q = $this->db->query('select concat(prefix, lpad(last_insert_id(), 5, "0")) as newjobref from jobtypecounters where jobtypeid = ?', array($jobtypeid));
    if ($Q->num_rows() == 1)
        return $Q->row()->newjobref;
    else
        return '';
}

任何帮助或指导将不胜感激。

编辑：该页面使用 MooTools，所以我被告知我不能在同一页面上使用 jQuery，因为它们发生冲突。那么如何在没有页面刷新/Ajax 的情况下将变量传递回 PHP 脚本以获取当前参考编号以传递回脚本。

我已将我的代码更新如下：

function addChildJobRow() {
                try {
                    lastrow++;
                    let cl = (lastrow % 2 ? 'odd' : 'even');
                    showHeaderRow();
                    var refNum = '<?php echo $this->MJob->getNewJobRef(232); ?>';
                    Elements.from(connectedjobtemplate({
                        rownum: lastrow,
                        cl: cl,
                        ref: refNum,
                        nysid: '',
                        dinNum: '',
                        warrantNum: ''
                    })).inject($('linkedJobsBody'));
                } catch (e) {
                    console.log(e);
                    logevent({jobid: jid, event: 'add-new-row', uri: window.location.href, eventdata: e});
                }
            }

和：

<input data-row-id="<%= rownum %>" id="reference[<%= rownum %>]" name="childjobid[<%= rownum %>][reference]" value="<%= ref %>" class="ref" size="14" style="background-color: transparent; border: none;" />

function getNewJobRef($jobtypeid, $refNum = 0) {
//check $refNum
    if (empty($jobtypeid)) {
        return '';
    }
    $select = $this->db->query('select * from jobtypecounters where jobtypeid =?', array($jobtypeid));
    $this->db->query('update jobtypecounters set counter = last_insert_id(counter) + 1 where jobtypeid = ?', array($jobtypeid));
    $Q = $this->db->query('select concat(prefix, lpad(last_insert_id(), 5, "0")) as newjobref from jobtypecounters where jobtypeid = ?', array($jobtypeid));
    if ($Q->num_rows() == 1)
        return $Q->row()->newjobref;
    else
        return '';
}

我想做的是调用 getNewJobRef 函数，传递的第二个参数是当前参考号，但我不知道该怎么做。

标签： javascriptphpmootools

解决方案

编辑：这在理论上可行，但对于数据库方面的事情，必须调用该函数，所以它又回到了绘图板上。

我添加了一个检查来查看是否已经定义了 refNum。如果不是，则调用 PHP 脚本并设置值；如果是，它会拆分文本部分，转换为整数并增加数字，然后将它们重新组合在一起。

这是我的代码：

if (typeof refNum === 'undefined') {
   refNum = '<?php echo $this->MJob->getNewJobRef(232); ?>';
} else {
   var num = refNum.replace('ABC', '').toInt();
   num += 1;
   refNum = 'ABC' + num;
}

推荐阅读