javascript - Google クロージャーを使用したチェック ボックス

Question

データベースからユーザーのリストを取得し、JSP で表示します。各ユーザーにはステータス (アクティブまたは非アクティブ) が関連付けられており、ステータスは、ユーザーのアクティブ化または非アクティブ化をクリックしたときのチェックボックスの選択に基づいて更新できます。Google クロージャを使用して各ユーザーのチェックボックスを動的にレンダリングするにはどうすればよいですか? そして、チェックすると他のすべてのチェックボックスもチェックされ、すべてのユーザーをアクティブ化または非アクティブ化できる親チェックボックスが必要ですか?

Answer 1

「動的に」とは、JavaScript 内でのことだと思いますか? Google Closure は JSP では実行されません。

var users = [{ 'id': 'myId', 'activated': true }];
var usersLength = users.length;
var checkboxes = [];

for (var i = 0; i < usersLength; i++) {
    var user = users[i];

    var checkbox =
        goog.dom.createDom(
            goog.dom.TagName.INPUT, { 'type': 'checkbox', 'name': user.id });

    checkbox.checked = user.activated;

    checkboxes.push(checkbox);
}

var master = goog.dom.createDom(goog.dom.TagName.INPUT, { 'type': 'checkbox' });

goog.events.listen(
    master,
    goog.events.EventType.CLICK,
    function (event) {
        var isChecked = event.target.checked;
        goog.array.forEach(checkboxes, function(ck) { ck.checked = isChecked; });
    }
);