1

私が取り組んでいるそのWebアプリがあります。ここに写真があります。

アイデアは、オブジェクトの配列があり、div の行として表示されるということです。これらの各オブジェクトには、内部にオブジェクトの配列もあり、これらの div 内に div の行として表示されます。

ユーザーは、ページにリストされているオブジェクトに新しいオブジェクトを追加できる必要があります。「編集」を押してアクセスする必要があります。

問題: スクリプトがクリックされた div からオブジェクトを取得してウィンドウに表示するにはどうすればよいですか? meteor ブートストラップ パッケージを使用しています。

何かわからないことがあれば質問してください。それは迷路のようなものです。

Javascript

var state = 0;
var 
    sides = [

        {
        name:"MURICA", 
        types:[

                {
                    name:"EAGLE",
                    desc:"FREEDUM",
                    power:10
                }

            ]
        }

    ];

if (Meteor.isClient) {
    Template.global.side = function(){
        var obj = [], m;
        m = 1;
        for (var i in sides){
            obj.push({
                index : m,
                object : sides[i]
            });
        }
        console.log(JSON.stringify(obj));
        return obj;
    }
    Template.content.state = function(){
        return state;
    }
    Template.global.events ({
        'click .edit': function(){
            jQuery('#edit').toggle()
            console.log("PRESSED FREEDOM");
        }
    });
}

HTML はここにあります (大きすぎて投稿できませんでした) http://pastebin.com/kmNnSV1w

4

1 に答える 1

1

これは役立つかもしれません:

html

<template name="asdf">
    <div class="asdf-box" data-nameOfTheParam="{{putSomeValueHere}}">
        <span class="asdf-button">Click me!</span>
    </div>
</template>

js

Template.asdf.events({
    'click .asdf-button': function(e) {
        console.log( $(e.target).closest('.asdf-box').data('nameOfTheParam') );
    }
});

データベース アイテムを操作する場合は、id: を使用するだけdata-id={{_id}}で、この ID に基づいてコールバックで目的のオブジェクトを取得できます。

于 2013-07-15T08:37:24.107 に答える