Laravel-datatables: 列のボタンに関するツールチップ

作成日 2016年09月08日  ·  3コメント  ·  ソース: yajra/laravel-datatables

こんにちは、私からのもう1つのリクエスト:

-> addColumn(アイコンを説明する)のボタンにブートストラップツールチップを表示したいと思います。

前回と同じコード:-)

`
Datatables :: of($ listquery)を返します
-> addColumn( 'action'、 'teams.action')
-> make(true);

条件とボタンを含む追加のページをここにロードします

`

@can('team.admin') <a href="/myteams/teammemberlist/{!! $teamid !!}" class="btn btn-xs btn-primary"> <i class="fa fa-pencil-square"></i> </a> <strong i="14">@endcan</strong>

ブートストラップコードは次のようになります。

<a href="/myteams/teammemberlist/{!! $teamid !!}" class="btn btn-xs btn-primary" data-toggle="tooltip" title="edit the row!"> <i class="fa fa-pencil-square"></i> </a>

通常私はテンプレートの下部にあるjavascriptコードを実行します
<script> $(document).ready(function(){ $('[data-toggle="tooltip"]').tooltip(); }); </script>

システムの詳細

これをデータテーブルで機能させるにはどうすればよいですか?

システムの詳細

私は開発のために窓にホームステッドを使用します

OS:Windows 10
PHP:7.0
Laravelバージョン:5.2
DB :(実際の)homestadマシン上のmysql

question

最も参考になるコメント

@jgatringer DataTablesのdrawCallbackまたはdraw.dtイベントにツールチップjsを追加する必要があります。

$('table').on('draw.dt', function() {
    $('[data-toggle="tooltip"]').tooltip();
})

全てのコメント3件

@jgatringer DataTablesのdrawCallbackまたはdraw.dtイベントにツールチップjsを追加する必要があります。

$('table').on('draw.dt', function() {
    $('[data-toggle="tooltip"]').tooltip();
})

はい。 どうもありがとう! 今は素晴らしく見えます。

ツールチップの行タイトル属性をエスケープする方法は? またはツールチップを行に追加する方法は? またはdivを使用して独自に作成しますか?

このページは役に立ちましたか?
0 / 5 - 0 評価