-1

ページの読み込み時に表示する一般的なリストを作成しようとしています。

リストには、データベースにリストされているユーザーの数と、その時点で割り当てられている評価額が表示されます。下の写真を見て、私が何をしようとしているのかを見てください。

ここに画像の説明を入力

このリストを次のように作成します。

<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());

            });

        });
4

1 に答える 1

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 がどこから来ているのかわからないので、ここでハードコーディングしました。それを、数値を取得するために使用するものに置き換えることができるはずです。

于 2012-11-01T09:36:01.720 に答える