0

DB エントリの管理リストがある単純なシナリオを取得しました。クリックすると、リモート属性が呼び出され、データが表示されます。

モーダル ダイアログには、「削除」、「承認」、「何もしない」などのアクション ボタンが含まれるようになりました。

そのため、これらのボタンのいずれかをクリックするたびに、DB エントリの ID を取得したいと考えています。

Bootstrap 2.3 のGitHub でこの PullRequest を使用すると、relatedTargetに属性がありましたevent。どうやらv3ではこれが削除されました。だから、この種の機能をどのように実装すべきか本当に疑問に思っています。

//Syntax Bootstrap v2.3
$('#modal').on('show.bs.modal', function(e){
    console.log(e.relatedTarget);
});

//Syntax Bootstrap v3.0
????

フィドルは質問を理解するのに実際には役立ちませんが、とにかくここにあります

4

1 に答える 1

0

モーダルダイアログのボタンを特定したので、このような機能が機能します。何らかの理由で、これは少し面倒だと感じていますが、これに対する別の解決策があるかどうかはまだ疑問に思っています:

// Button to open the Modal Dialog
<a href="#someLink" data-toggle="modal" data-target="#modalDiv" data-article-id="1">Foo</a>

// Button inside the Modal view
<a href="#" id="delete-article">delete</a>

次に、JS が削除ボタンのクリックで記事 ID を取得します。

$('#delete-article').on('click', function(){
    var articleId = $('#modalDiv').data('bs.modal').options.articleId;
    // artticleId = 1
});

DOM に対して別の「クエリ」を作成する必要があるため、このメソッドは非常に汚いと感じています。より効率的な方法でデータを取得する他の方法がある場合は、喜んでその情報を取得します:)

于 2013-10-14T12:31:31.700 に答える