使用jQuery在页面加载上编写通用列表?

时间:2012-11-01 09:00:00

标签: jquery

我正在尝试构建一个通用列表,以便在我的页面加载时显示。

该列表应显示我的数据库中列出的用户数量,并显示当时分配给他们的估值数量。看下面的图片看看我想要的是什么。

enter image description here

我按以下方式构建此列表:

<ul class="menu" style="float: left;">
        <li class="item1"><a href="#" class="">Valuations<span>4</span></a>
            <ul style="display: block; ">

            </ul>
        </li>
        <li class="item2"><a href="#" class="">Users<span id = "userCount"></span></a>
            <ul id = "UserList" style="display: none; ">
                <li class="subitem1"><a href="#">User Name<span>3</span></a></li> 
                <li class="subitem1"><a href="#">User Name<span>1</span></a></li> 
            </ul>
        </li>
</ul>

底部Class =“item2”是应该列出用户的位置。目前有2个链接显示用户名。

我想构建通用代码,为我的数据库中列出的每个用户创建一个链接。

我目前有jQuery代码循环通过我的数据库中的条目,并在数据库条目中为我的变量名称分配用户的值。


修改

我想在此for循环中添加代码以添加指向我的列表的链接:

$(document).ready(function () {
            $.post("Dashboard/UsersGet", {}, function (dataSet) {

                var obj = jQuery.parseJSON(dataSet);
                var table = obj.Table;

                var countUsers = 0;

                for (var i = 0, len = table.length; i < len; i++) {
                    var array = table[i];
                    if (array.Active == 1) {
                        var name = array.Name; //Here i get the name of the user and would like to create an entry to the user list.
                        UserList.Items.add(<li class="subitem1"><a href="#">name<span>3</span></a></li> );
                        countUsers = countUsers + 1;
                    }

                }
                $('#userCount').html(countUsers.toString());

            });

        });

1 个答案:

答案 0 :(得分:2)

            lis = '';               
            for (var i = 0, len = table.length; i < len; i++) {
                var array = table[i];
                if (array.Active == 1) {
                    var name = array.Name; //Here i get the name of the user and would like to create an entry to the user list.
                    lis += '<li class="subitem1"><a href="#">'+name+'<span>3</span></a></li>';
                    countUsers = countUsers + 1;
                }

            }
            $("#UserList").html(lis);

我在原始代码中没有看到数字3的来源,所以我只是在这里硬编码。你应该可以用你用来获取数字的任何东西替换它。