javascript – 在ASP.NET中添加自定义属性.在JQuery中访问它

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在ASP.NET中添加自定义属性.在JQuery中访问它，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2061字，纯文字阅读大概需要3分钟。

内容图文

我有一个在ASP.NET C#代码后面创建的表.该表有多个级别的分组,当我为最外层分组创建行时,我添加了一个自定义属性,如下所示：

foreach (Table2Row row in Table2Data)
{
    // skipping a bunch of irrelevent stuff
    ...
    tr_group.Attributes.Add("RowsToToggle", String.Format(".InnerRowGroupId_{0}", row.GroupHeaderId));
    ...
}

该属性是我要切换的内层行的CSS类名.当用户单击外层行时,我想为所有与自定义属性匹配的内层行调用JQuery Toggle函数.

为了达到这个效果,我在aspx文件中使用以下脚本将一个onclick事件附加到标题行：

var tableId = '<%= Table2MainTable.ClientID %>';
$(document).ready(function () {
    var table = document.getElementById(tableId);
    var groupRows = table.getElementsByClassName("Table2GroupHeaderRow");
    for (i = 0; i < groupRows.length; i++) {
        table.groupRows[i].onclick = function () { ToggleOnRowClick(table.rows[i]); }
    }
});

function ToggleOnRowClick(row) {
    var r = $('#' + row.id);
    var innerRows = r.attr('RowsToToggle');
    $(innerRows ).toggle();
}

因此,单击标题行上的任何位置应调用函数ToggleOnRowClick,然后应通过自定义属性RowsToToggle切换其下方的行集.

当我在ToggleOnRow函数中设置(FireBug)断点时,变量r似乎指向正确的对象.但是,innerRows没有设置,而是保持为null.我在ASP.NET中错误地设置自定义属性还是在JQuery中错误地读取？

解决方法:

您没有发布代码来生成内部行级别,我假设您为它们配置了适当的类.

您发布的jquery几乎没有问题.这条线不起作用：

   table.groupRows[i].onclick = function () { ToggleOnRowClick(table.rows[i]); }

>您没有为表对象定义任何groupRows属性.
>我们不再关心表行了,我们关心groupRows [i]并希望将它传递给ToggleOnRowClick函数.
>下一个函数中的这一行也是错误的：var r = $(‘#’row.id);

解决方案：将脚本更改为：

var tableId = '<%= Table2MainTable.ClientID %>';
$(document).ready(function () {
    var table = document.getElementById(tableId);
    var groupRows = table.getElementsByClassName("Table2GroupHeaderRow");
    for (i = 0; i < groupRows.length; i++) {
        groupRows[i].onclick = function () { ToggleOnRowClick(this); }
    }
});

function ToggleOnRowClick(row) {
    //var r = $('#' + row.id);
    var innerRows = $(row).attr('RowsToToggle');
    $("." + innerRows).toggle();
}

我用虚拟数据测试了代码.所以,如果你有任何问题,请告诉我.

内容总结

以上是互联网集市为您收集整理的javascript – 在ASP.NET中添加自定义属性.在JQuery中访问它全部内容，希望文章能够帮你解决javascript – 在ASP.NET中添加自定义属性.在JQuery中访问它所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端