19

削除ボタンのあるフォームがあります。削除ボタンをクリックするとポップアップする確認ボックスを作成したいと思います。削除ボタンは現在機能しています。私は運が悪いので、JavaScriptでいくつかのことを試しました。私はAngularを使用しています。

これはこれに対する最善のアプローチですか？

また、これに関する例を知っている人はいますか?

$(document).ready(function(){
  $("form").validate();
  $(".radius small success button").ConfirmDialog('Are you sure?');
});
4

5 に答える 5

9

これが「確認ダイアログ」の処理方法です（ブートストラップを使用）

マークアップ

<div class="alert alert-block alert-error notification fade in" data-ng-show="displayLocationDeletePopup">
    <h6>Are you sure you want to delete this location?</h6>
    <div class="form-controls-alert">
        <a href="" class="btn" data-ng-click="showDeleteLocationPopup(false)">No</a>
        <a href="" class="btn btn-danger" data-ng-click="deleteVendorLocation(locationId)">Yes</a>
    </div>
</div><!-- end alert -->

コントローラのロード時にモデルをfalseに設定すると、デフォルトで非表示になります。ng-show

$scope.displayLocationDeletePopup = false;

ショーポップアップのイベントをクリックすると、関数を呼び出します/でモデルを渡します

<i class="icon-remove" data-ng-click="showDeleteLocationPopup(true, location)"></i>

コントローラ内：

$scope.showDeleteLocationPopup = function(options, id) {
    if (options === true) {
        $scope.displayLocationDeletePopup = true;
    } else {
        $scope.displayLocationDeletePopup = false;
    }
    $scope.locationId = id;
};

そして、上記のhtmlのアンカーごとに、ポップアップを閉じるか、関数を実行できます

$scope.deleteVendorLocation = function (storeLocation) {
   // Code to run on confirmation            
};
于 2013-03-14T22:25:47.103 に答える