0

ユーザーが[ユーザーの削除]ボタンをクリックすると、削除の確認を求めるモーダルウィンドウが表示されます。モーダルウィンドウ内で、[はい]をクリックすると、関数が呼び出されてユーザーが削除されます(ajax経由)。いいえの場合、モーダルウィンドウは閉じられます。それがどのように機能するかです。しかし、ユーザーIDを[はい]ボタンに渡す方法がわかりません。以下は私がこれまでにユーザーを削除するために持っているものですが、それはかなり離れているかもしれません。

<div class="modal hide fade" id="DeleteUserModal">
<div class="modal-header">
    <button class="close" data-dismiss="modal">x</button>
    <h3>Delete User?</h3>
</div>
<div class="modal-body">
    <div class="row-fluid">
        <div class="span12">
            <p>Are you sure you want to permanently remove this user?</p>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <a href="javascript:deleteUser(#rsData.UserID#)" class="btn btn-danger">Yes, I'm sure</a>
            <button class="btn" type="submit" data-dismiss="modal">No way!</button>
        </div>            
    </div>
</div>
<div class="modal-footer">
    <a href="##" class="btn" data-dismiss="modal">Close</a>
</div>

上記のモーダルウィンドウでユーザーIDをこの特定の行に渡す方法がわかりません。

<a href="javascript:deleteUser(#rsData.UserID#)" class="btn btn-danger">Yes, I'm sure</a>

私がjQueryを使用している間、答えはJavaScriptで書くことができます。

4

2 に答える 2

4

data-attributesを使用します。彼らはあなたを幸せにするでしょう。http://www.broken-links.com/2010/11/18/data-attributes-in-html-and-jquery/

むしろ、このノードを与えます:

<a href="javascript:deleteUser(#rsData.UserID#)" class="btn btn-danger">Yes, I'm sure</a>

..ID:

<a id="delete-user-link" class="btn btn-danger">Yes, I'm sure</a>

..特定のユーザーを削除する場合(つまり、リストの削除ボタンをクリックする場合)、特定のユーザーIDのデータ属性を設定します。

$(".delete-button").click(function(){
    $("#delete-user-link").data("user-id", $(this).data("user-id");
    // show the modal
});

これには、(リスト内の)削除ボタンに次のようなデータ属性が必要です。

<a class="btn" data-user-id="123">delete</a>

小さなjQueryメソッドを追加します。

$("#delete-user-link").click(function(){
    var userId = $(this).data("user-id");
    // do your delete stuff here
});

それでうまくいくはずです!

于 2012-08-16T21:14:35.113 に答える
0

クリックしてモーダルウィンドウをロードするには:

var delete_id = 1234;// Set this to the appropriate value
$(".span12 a.btn-danger").attr("href", "javascript:deleteUser("+delete_id+")");
于 2012-08-16T21:13:58.747 に答える