我正在尝试构建一个通用列表以显示在我的页面加载中。
该列表应显示我的数据库中列出的用户数量,并显示当时分配给他们的估值数量。看看下面的图片,看看我要做什么。
我通过以下方式构建此列表:
<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());
});
});