2

我有一个函数可以根据行名为表单项添加更改事件（使用数据库来获取这些事件）。

继承人当前的功能：

    $sql = "SELECT * FROM product WHERE storeno = '1' ORDER BY descript";
    $result = mssql_query($sql, $msConnection);

    if ($result && mssql_num_rows($result) > 0) {
        while ($row = mssql_fetch_object($result)) {
            $sku = trim($row->mas90sku);
            $JQueryReadyScripts .= "
            $('#newCount_" . $sku . "_row .cases').change(function() {
                var count = 0;
                $('#newCount_" . $sku . "_row .cases').each(function () {
                    count += parseFloat($(this).val());
                });
                $('#cases_total_" . $sku . "').text(count);
            });
            $('#newCount_" . $sku . "_row .units').change(function() {
                var count = 0;
                $('#newCount_" . $sku . "_row .units').each(function () {
                    count += parseFloat($(this).val());
                });
                $('#units_total_" . $sku . "').text(count);
            });";
        }
        mssql_free_result($result);
    }

如何将其合并到影响每一行的调用中，以便我可以摆脱 DB 部分并且只有 2 段（或 1 段）代码，而不是每行 2 段。

4

4 回答 4

2

您可以对案例和单位执行类似的操作（请注意，您需要适当地更改总数的 ID）

$('.cases').change(function() {
    var id = $(this).attr('id');
    var count = 0;
    $('#'+id+' .cases').each(function() {
        count += parseFloat($(this).val());
    });
    $('#count_'+id).text(count);
});
于 2012-04-07T04:24:34.667 回答
1 
$('*[id^=newCount_]').each(function () {
  var $row = $(this), 
      sku  = this.id.replace(/newCount_(.*?)_row/, '$1');

  function sumValues($elems) {
    var sum = 0;
    $elems.each(function () { sum += parseFloat(this.value) });
    return sum;
  }

  $.each(['cases', 'units'], function (i, type) {
    $row.on('change', '.' + type, function () {
      $('#' + type + '_total_' + sku).text( sumValues($row.find('.' + type)) );
    });
  });
});

这对 PHP 没有依赖性，只需将其用作常规脚本即可。

它使用.on()事件委托，因此需要 jQuery 1.7+。对于早期版本的 jQuery，您可以使用.delegate()相同的效果。

我建议给你所有的行一个通用的 CSS 类，这样不那么好的$('*[id^=newCount_]')可以用更简单的东西代替，但这是一个表面上的改变。

于 2012-04-07T04:41:34.307 回答
0

我不确定这是否适用于您的两个功能。不确定确切的标记。但可能值得一试。

$('#newCount_' + $sku + '_row .cases, #newCount_' + $sku + '_row .units').change(function() {
    var count = 0,
        thisClass = ( $(this).hasClass('cases') ) ? 'cases' : 'units';

    $('#newCount_" . $sku . "_row .'+thisClass).each(function () {
         count += parseFloat($(this).val());
    });
    $('#'+thisClass+'_total_" . $sku . "').text(count);
});
于 2012-04-07T04:39:06.180 回答
0

类选择器和 id 选择器之间的主要区别在于 id 选择器应该是唯一的，而类选择器不是。

在更改事件的主体中使用 $(this)，因此操作是相对的，您可以编写一个处理所有情况的更改事件。

<input class="cases" id="newCount_123"></input>
<input class="cases" id="newCount_345"></input>

$('.cases').change(function() {
            var count = 0;
            var sku = $(this).attr("id");
            count += parseFloat($(this).val());
            $('#cases_total_' + sku).text(count);
});

这也将 JavaScript 排除在您的 PHP 之外，这很难维护并且违反了 MVC 原则。您的服务器端代码负责检索数据并将其发送到客户端，而您的客户端代码负责处理视图。

于 2012-04-07T04:26:04.407 回答