Javascript 表单元格值读取器无法从 .net Repeater 获取值

Question

我有 JS 函数来读取和总结表列，如下所示：

function calculateValue() {
        var sum = 0, index = 0;
        var table = document.getElementById("mytab1");
        for (var i = 1, row; row = table.rows[i]; i++) {
            //alert(row.cells[4].firstChild.nodeValue);
            sum += row.cells[4].firstChild.nodeValue;
            index++;
        }
        //alert(sum / index + "_" + sum + "--" + index);
        return sum / index;
    }

此表（“mytab1”）是一个动态表，一个 .net C# 重复器构建此表。 当我尝试警告这些值时，只有表头有效，其他值是空的，尽管它们内部有值。 有什么想法吗？

我的页面加载函数是：

 protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        load_profiles();
        ViewState["Time"] = "2";                   
        LoadGoals(2,0); /* this function put List<> in Repeater and creates a table   
                           with the values */          
    }
}

调用该函数的js部分：

var def = {
百分比：calculateValue() || 0, 规模：100， 限制：真实， 最小值：0， 最大值：100， 后缀： ' ％'， 动画：真实， 数字卷：真实， 这个CSS：{ 位置：'相对'， 宽度：'105px'， 高度：'90px'， 填充：'0px'， 边框：'0px'， 字体系列：'Arial'， 字体粗细：'250'，

        },

当表搜索循环中的函数警报时，我可以看到表内的值，并且列标题也用他的值警报。 谢谢。

Answer 1

我建议确保您调用 javascript: 的位置

var def = {
percentage: calculateValue() || 0, scale: 100, limit: true, minimum: 0, maximum: 100, suffix: ' %', animate: true, digitalRoll: true, thisCss: { position: 'relative', width: '105px', height: '90px', padding: '0px', border: '0px', fontFamily: 'Arial', fontWeight: '250',
    },

要么是 a) 在

<asp:Repeater></asp:Repeater>

控件之后，要么 b) 在您的页面中添加一些

$(document).ready(function() {
// Your code goes here
});

JQuery，以确保在尝试从 DOM 中读取值之前 DOM 已完全加载桌子。

编辑：

您可能还想使用 JQuery 选择器来访问和求和这些值，而不是使用循环。

var sum = 0;
$('#mytab1 .your-new-table-cell-class').each(function() {
    sum += Number($(this).val());
    });
});​​​​​​​​​