0

私は KO.js をいじっています。x7Chat をダウンロードしましたが、チャットが私のニーズに合うようにするためには、多くの作業が必要です。1 つはオンライン リストです。これは、メイン チャット ルームでオンラインになっているユーザーのリストです。

管理者は一番上にいて、名前タグに別のスタイル シートを付けて、管理者であることを人々が認識できるようにする必要があります。現在、データベースでは、すべての管理者の「group_id」という行の値が「1」に設定されていますが、他のすべてのユーザーの値は「0」に設定されています。問題は、私が ko.js にあまり詳しくないことです。 PHPは私がもっと知っているものです。

オンライン リストの HTML コードは次のとおりです。

                <div id="onlinelist" data-bind="foreach: active_room().users()">
                <?php if($access_acp) { ?>
                    <div id="show_user_profile" class="onlineuser" data-bind="click: $root.show_user_profile"><a href='#' data-bind="text: group_id"></a></div>
                <?php } else { ?>
                    <div id="start_private_chat" class="onlineuser" data-bind="click: $root.start_private_chat"><a href='#' data-bind="text: user_name"></a></div>
                <?php } ?>
            </div>

もっと多くのコードを提供する必要があることを理解しているので、このファイルの完全なコードのリンクを以下に投稿します。助けてくれてありがとう! http://pastebin.com/nwdPebHX

// FiNCH
EDIT
やってみます！私が苦労している別の問題があります... user_id が Javascript にあるのと同じように、データベースの group_id を値にしたいです。私はそれを機能させることができないようです！あるべきだと思う場所にこれを追加しました。ご覧のとおり、その関数にgroup_idを追加しましたが、データベースからの値は得られません。情報を提供するPHPファイルが必要ですが、何時間も探しましたそしてそれを見つけることができません...何かアイデアはありますか？

this.UserRoom = function(user) {
    this.user_id = user.user_id;
    this.room_id = user.room_id;
    this.group_id = user.group_id;
    this.user_name = acceptSwedish(user.user_name);
    this.refreshed = 1;
}
4

1 に答える 1

0

たとえば、css管理者と通常のユーザーを別々に設定したい場合は、 css binding :
CSSを使用できます。 

.admin
{
   color: red;
}

意見

<div id="start_private_chat" 
     class="onlineuser" 
     data-bind="click: $root.start_private_chat, css: {admin : group_id() == 1}">
   <a href='#' data-bind="text: user_name"></a>
</div>

または スタイルバインディング 

<div id="start_private_chat" 
     class="onlineuser" 
     data-bind="click: $root.start_private_chat, style: {color : group_id() == 1 ? 'red' : 'black'}">
   <a href='#' data-bind="text: user_name"></a>
</div>

編集：機能
を使用して、すべてのユーザーを2つのグループに分割できます。ko.utils.arrayFilter

<div id="onlinelist" 
     data-bind="foreach: ko.utils.arrayFilter(active_room().users(), function(user)
                                              {
                                                 return user.group_id() === 1;   
                                              })">
  <!-- show admins -->
</div>
<!-- separator -->
<div id="onlinelist" 
     data-bind="foreach: ko.utils.arrayFilter(active_room().users(), function(user)
                                              {
                                                 return user.group_id() === 0;   
                                              })">
  <!-- show regular users -->
</div>
于 2013-11-07T17:44:53.567 に答える