0

通常、どの管理ページにもあるように、3 つのボタンが隣り合っています。1 つは詳細用、1 つは編集用、もう 1 つは削除用で、次のようになります。

<a n:href="detail $candidate->id">
    <button type="button" class="btn btn-success btn-sm">
        <i class="glyphicon glyphicon-search" style="margin-right:0px"></i>
    </button>
</a>                                                                                              
<a href="#">
    <button type="button" class="btn btn-info btn-sm">
        <i class="glyphicon glyphicon-pencil" style="margin-right:0px"></i>
    </button>
</a>                                                
<a  n:href="delete! $candidate->id">
    <button type="button" class="btn btn-danger btn-sm">
        <i class="glyphicon glyphicon-remove" style="margin-right:0px"></i>
    </button>
</a>

その後、ミスクリックを避けるために、ユーザーが「削除」を押したときに「モーダルの確認」を追加する必要があると判断しました

<a
    data-nette-confirm="modal"
    data-nette-confirm-title="Confirm"
    data-nette-confirm-text="Are you sure you want to delete?"
    data-nette-confirm-ok-class="btn-danger"
    data-nette-confirm-ok-text="Yes"
    data-nette-confirm-cancel-class="btn-success"
    data-nette-confirm-cancel-text="No"
    class="btn btn-danger"
    data-ajax="off" // or class="ajax"
    n:href="delete! $candidate->id">                                                        
    <button type="button" class="btn btn-danger btn-xs">
        <i class="glyphicon glyphicon-remove" style="margin-right:0px"></i>
    </button>
</a>

この後、私は DELETE ボタンを他のボタンの 2 倍xsの大きさにしました。この変更を回避する方法はありますか?

4

1 に答える 1

0

削除してみてください:

// or class="ajax"

以前に定義された を上書きしますclass="btn btn-danger"。

于 2015-10-16T08:42:58.673 に答える